What problem does it solve? AI-generated web designs tend to cluster around a few templated looks, producing pages that read as generic defaults rather than intentional choices. This Skill provides a structured design methodology that grounds palette, typography, layout, and copy in the specific subject of each brief. ## Core Features & Use Cases - Subject-Grounded Direction: Pins down the product, audience, and page purpose before designing, deriving visual choices from the subject's own world and materials. - Two-Pass Design Process: Brainstorms a compact token system (color, type, layout, signature element), critiques it against generic defaults, then builds code strictly from the revised plan. - Interface Copywriting Guidance: Applies the same intentionality to words as to spacing and color, covering active voice, error states, empty states, and consistent action naming. - Use Case: When asked to build a landing page for a new product, use this Skill to produce a design plan with named hex palette, paired typefaces, an ASCII wireframe, and one signature element before writing any HTML or CSS. ## Quick Start Use the frontend-design skill to create a distinctive landing page design for my product, starting with a design plan before writing any code.
