What problem does it solve? AI-generated interfaces often look generic and templated, relying on overused fonts, gradient clichés, and repetitive card layouts. This Skill guides the creation of distinctive, production-grade frontend code with intentional aesthetic direction and refined design details. ## Core Features & Use Cases - Design Context Protocol: Enforces gathering target audience, use cases, and brand personality before any design work begins. - Aesthetic Guidelines: Covers typography, OKLCH color systems, spatial rhythm, motion timing, interaction states, responsive patterns, and UX writing with explicit do/don't rules. - Reference Library: Ships six in-depth reference documents on color, typography, motion, spatial design, interaction, and responsive design for on-demand consultation. - Use Case: When asked to build a landing page or dashboard, the Skill commits to a bold aesthetic direction, selects distinctive font pairings, builds an OKLCH-based palette, and implements polished, accessible, responsive code. ## Quick Start Ask the assistant to design and build a landing page for your product using the frontend-design skill, providing your target audience and brand tone.
