What problem does it solve? AI-generated web designs tend to cluster around a few generic looks—cream backgrounds with serif displays, dark themes with acid accents, or broadsheet layouts—regardless of the subject. This Skill provides a structured design methodology that produces intentional, subject-specific visual identities instead of templated defaults. ## Core Features & Use Cases - Design Planning Framework: Brainstorm a compact token system covering color palettes (4-6 named hex values), typography pairings, layout concepts with ASCII wireframes, and a single signature element before writing code. - Self-Critique Process: Review design plans against the brief to detect generic defaults, revise them, and critique the built result using screenshots when available. - UX Writing Guidance: Apply intentional copywriting principles covering active voice, error states, empty states, and consistent interface vocabulary. - Use Case: When asked to build a landing page for a specialty coffee roaster, use this Skill to derive the palette and typography from the subject's world rather than falling back on a generic hero-with-gradient layout. ## Quick Start Use the frontend-design skill to create a distinctive landing page for my new product with an intentional color palette and typography.
