What problem does it solve? AI-generated web designs tend to cluster around a few generic looks, making pages feel templated and interchangeable. This Skill provides a disciplined design process that produces intentional, subject-specific visual identities with deliberate typography, color, layout, and motion choices. ## Core Features & Use Cases - Design Planning Workflow: Brainstorm a compact token system covering color (4-6 named hex values), typography (display, body, utility faces), layout concepts with ASCII wireframes, and a single signature element before writing any code. - Anti-Default Critique: Review the plan against known AI design defaults (cream/serif/terracotta, dark/acid accent, broadsheet layouts) and revise anything that reads as generic rather than brief-specific. - UX Writing 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 justified design plan and implement it with a memorable signature element instead of a stock hero layout. ## Quick Start Design a landing page for my product using the frontend-design skill, starting with a design plan before writing any code.
