What problem does it solve? AI-generated web design tends to cluster around a few templated looks, producing pages that read as generic defaults rather than choices made for a specific brief. This Skill provides a disciplined design process that grounds palette, typography, layout, and copy in the subject matter so the result has a distinctive point of view. ## Core Features & Use Cases - Design Planning Workflow: Brainstorm a compact token system covering color (4-6 named hex values), type roles, layout concepts with ASCII wireframes, and a single signature element before writing code. - Self-Critique Passes: Review the plan against the brief to catch generic defaults, revise, then critique again during the build with restraint principles and quality floors like responsive layout, keyboard focus, and reduced motion. - Interface Copywriting Guidance: Write UI text from the end user's side with active voice, consistent action names, and purposeful error and empty states. - Use Case: When asked to build a landing page for a new product, use this Skill to define a subject-specific palette and type pairing, plan a memorable hero, and implement the page without falling back to templated design patterns. ## Quick Start Ask the AI to design and build a landing page for your product using the frontend-design skill, providing your brief and any brand constraints.
