What problem does it solve? AI-generated web designs tend to cluster around a few templated looks, making pages feel generic and interchangeable. This Skill provides a structured design methodology that produces distinctive, brief-specific visual identities instead of default aesthetics. ## Core Features & Use Cases - Design Planning Framework: Brainstorm a compact token system covering color (4-6 named hex values), typography (display, body, and utility faces), layout concepts with ASCII wireframes, and a single signature element. - Self-Critique Process: Review plans against known AI design defaults (cream/serif/terracotta, dark/acid accent, broadsheet layouts) and revise anything that reads as generic before writing code. - UX Writing Guidance: Write interface copy with active voice, consistent action naming, and error states that explain what went wrong and how to fix it. - Use Case: When asked to build a landing page for a new product, use this Skill to first derive a design plan grounded in the product's own subject matter, then implement it with deliberate typography, one memorable signature element, and disciplined restraint elsewhere. ## Quick Start Design a landing page for my product using the frontend-design skill, starting with a design plan before writing any code.
