What problem does it solve? AI-generated web designs tend to cluster around generic, templated looks—cream backgrounds with terracotta accents, SaaS card kits, tracked-out eyebrow labels—that read as defaults rather than deliberate choices. This Skill provides a design-lead methodology for producing distinctive, brief-specific visual identities instead of interchangeable output. ## Core Features & Use Cases - Design planning workflow: Brainstorm a compact token system covering color (4-6 named hex values), typography, layout concepts with ASCII wireframes, and guiding principles before writing code. - Anti-default calibration: Identifies common AI-generated design tells (single-word headline accents, ALL-CAPS labels, numbered markers on non-sequential content) and requires revising any plan element that reads as generic. - Typography and copy guidance: Covers typeface selection, type scales, line lengths, and writing interface copy in active voice with user-centered naming. - Use Case: When asked to build a landing page for a new product, use this Skill to first ground the design in the subject matter, draft a distinctive design plan, critique it against generic defaults, then implement with one bold focal element and disciplined supporting choices. ## Quick Start Use the frontend-design skill to create a distinctive landing page design for my product, starting with a design plan before writing any code.
