What problem does it solve? AI-generated web designs tend to converge on the same templated looks—generic palettes, default typography, and predictable layouts. This Skill provides a disciplined design process that produces distinctive, intentional visual identities grounded in the specific brief rather than defaults. ## Core Features & Use Cases - Design Planning Workflow: 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 code. - Self-Critique Process: Review the plan against the brief to detect generic defaults, revise weak choices, then build and critique again with restraint—one bold signature element surrounded by disciplined execution. - UX Writing Guidance: Write interface copy with active voice, consistent action naming, plain-language error states, and purposeful empty states. - Use Case: When asked to build a landing page for a new product, use this Skill to first define a subject-specific palette, type pairing, and signature moment, then implement the page following that plan exactly. ## Quick Start Design a landing page for my product using the frontend-design skill, starting with a design plan before writing any code.
