概要
Pixel Pusher is a comprehensive UI/UX skill for Claude Code that bridges the gap between high-level ideas and detailed design implementations. It guides users through a systematic multi-stage process—from requirement discovery and design system extraction to generating responsive HTML mockups and production-ready code. By enforcing consistency across color palettes, typography, and spacing, it ensures that every design choice is intentional and accessible. Whether you're building a SaaS landing page, a complex dashboard, or a portfolio, Pixel Pusher provides the structure needed to deliver professional-grade frontends with minimal design debt.
