What problem does it solve? AI-generated web designs tend to cluster around a few generic looks, producing pages that feel templated rather than tailored to the brief. This Skill provides a structured design methodology that pushes toward intentional, subject-specific choices in palette, typography, layout, and motion. ## Core Features & Use Cases - Design Planning Framework: 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 Process: Review the plan against the brief to detect generic defaults, revise weak choices, then build and critique again with restraint principles. - Copywriting 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 first define the subject, audience, and page goal, then produce a design plan with a distinctive signature element before implementing the HTML/CSS. ## Quick Start Ask the AI to design a landing page for your product using the frontend-design skill, providing your brief and any brand constraints.
