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 brief. This Skill provides a disciplined design process that produces intentional, subject-specific visual identities instead of templated defaults. ## Core Features & Use Cases - Structured Design Planning: Brainstorm a compact token system covering color (4-6 named hex values), typography (display, body, utility faces), layout concepts with ASCII wireframes, and a single signature element before writing code. - Self-Critique Workflow: Review the design plan against the brief to detect generic defaults, revise weak choices, then build and critique again with restraint principles. - 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 design in the subject's world, avoid the three common AI design clichés, and deliver a page with one memorable signature element. ## Quick Start Use the frontend-design skill to create a distinctive landing page design for my new product with a deliberate color palette, typography pairing, and one signature visual element.
