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 disciplined design process 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 (4-6 named hex values), typography (display, body, and utility faces), layout concepts with ASCII wireframes, and a single signature element. - Self-Critique Workflow: Review the plan against the brief before building, revise anything that reads as a generic default, then build exactly to the revised plan. - UX Writing Guidance: Write interface copy with active voice, consistent action naming, and purposeful error and empty states. - Use Case: When asked to build a landing page for a new product, use this Skill to ground the palette, type pairing, and hero concept in the product's own world rather than falling back on a familiar template. ## Quick Start Design a landing page for my project using the frontend-design skill, with a distinctive visual direction grounded in the product's subject matter.
