What problem does it solve? AI-generated web designs tend to cluster around a few templated looks, making pages feel generic and interchangeable. This Skill guides the creation of distinctive, intentional frontend designs grounded in the specific subject and brief rather than default patterns. ## Core Features & Use Cases - Design Planning Workflow: Produces a compact token system covering color palette (4-6 named hex values), typography roles, layout concepts with ASCII wireframes, and a single signature element before any code is written. - Self-Critique Process: Reviews the design plan against the brief to detect generic defaults, revises weak choices, and critiques the built result for restraint and cohesion. - UX Writing Guidance: Applies intentional copywriting rules for labels, errors, empty states, and calls to action so interface text supports navigation. - 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 element, 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.
