What problem does it solve? AI-generated web interfaces tend to converge on templated, generic looks that lack a distinctive point of view. This Skill guides the design process toward deliberate, brief-specific choices in palette, typography, layout, and motion so the output does not read as a default template. ## Core Features & Use Cases - Design Planning Workflow: Brainstorm a compact token system covering color (4-6 named hex values), type roles, layout concepts with ASCII wireframes, and a single signature element before writing code. - Self-Critique Loop: Review the plan against the brief, revise anything that reads as a generic default, then build and critique again with screenshots where supported. - Copywriting Guidance: Write interface copy with active voice, consistent action naming, and purposeful error and empty states. - Use Case: Given a landing page brief for a specialty coffee roaster, produce a design plan with a subject-grounded palette and type pairing, then implement the page with one memorable signature element. ## Quick Start Design a landing page for my product using the frontend-design skill, starting with a design plan before writing any code.
