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 - Structured Design Planning: 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 before writing any code. - Self-Critique Workflow: Review the plan against the brief to catch generic defaults, revise weak choices, then build exactly from the revised plan with deliberate typography, motion, and copy. - Interface Writing Guidance: Apply the same intentionality to copy—active voice, plain verbs, consistent action names, and error states that explain what went wrong and how to fix it. - 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 implementing the page. ## Quick Start Use the frontend-design skill to plan and build a distinctive landing page for my product, starting with a design plan before writing any code.
