What problem does it solve? AI-generated web designs tend to converge on generic, templated looks that lack a distinctive point of view. This Skill provides a structured design methodology that pushes every palette, typography, and layout decision to be grounded in the specific brief rather than default patterns. ## Core Features & Use Cases - Brief-Grounded Design Direction: Pins down the subject, audience, and page purpose before designing, deriving visual choices from the subject's own world and materials. - Two-Pass Planning Workflow: Brainstorms a compact token system (color, type, layout, signature element), then critiques it against generic defaults before writing any code. - Restraint and Self-Critique: Concentrates boldness in one signature element, keeps surrounding design disciplined, and enforces a quality floor including responsive layout, keyboard focus, and reduced motion. - Use Case: When asked to build a landing page for a specialty coffee roaster, use this Skill to avoid the typical cream-and-serif template and instead derive the palette, type pairing, and hero concept from the roaster's actual craft and artifacts. ## Quick Start Use the frontend-design skill to design a landing page for my product with a distinctive visual identity that avoids generic templates.
