What problem does it solve? AI-generated web designs tend to cluster around a few generic looks, producing pages that read as templated defaults rather than intentional choices. This Skill provides a structured design methodology that grounds every palette, typography, and layout decision in the specific brief and subject matter. ## Core Features & Use Cases - Subject-Grounded Direction: Pins down the product, audience, and page purpose before designing, deriving aesthetic 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 only after the plan is confirmed distinctive. - Copy and Restraint Guidance: Covers interface writing principles, deliberate motion use, and self-critique practices like spending boldness on one signature element. - Use Case: When asked to build a landing page for a new product, use this Skill to produce a design with a memorable signature element and intentional typography instead of a generic hero-with-gradient layout. ## Quick Start Design a landing page for my product using the frontend-design skill, with a distinctive visual direction grounded in the product's subject matter.
