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 — making every page feel templated. This Skill provides a structured design methodology that produces intentional, subject-specific visual identities instead of 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 Process: Review design plans against the brief before building, revise anything that reads as a generic default, and critique again during implementation. - Copywriting Guidance: Write interface copy with active voice, plain verbs, 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 first define the subject, audience, and page goal, then produce a design plan with a distinctive palette, type pairing, and one memorable signature element before writing any code. ## Quick Start Use the frontend-design skill to design a landing page for my new product with a distinctive visual identity.
