What problem does it solve? AI-generated web design tends to cluster around a few templated looks, producing interfaces that feel generic and interchangeable. This Skill provides a disciplined design process that grounds every palette, typography, and layout choice in the specific subject of the brief, so the result reads as an intentional identity rather than a default template. ## Core Features & Use Cases - Subject-Grounded Direction: Pins down the product, audience, and page purpose before designing, and derives aesthetic choices from the subject's own world and materials. - Structured Design Planning: Produces a compact token system covering named hex colors, paired display and body typefaces, layout concepts with ASCII wireframes, and a single signature element. - Self-Critique Workflow: Reviews the plan against known AI design defaults, revises generic choices before coding, and enforces restraint so one bold element carries the page. - Use Case: When asked to build a landing page for a specialty coffee roaster, use this Skill to plan a palette and typography drawn from coffee culture, avoid the common cream-and-serif template, and ship a page with one memorable signature element. ## Quick Start Use the frontend-design skill to design a distinctive landing page for my product, starting with a design plan before writing any code.
