What problem does it solve? AI-generated web designs tend to converge on a small set of generic looks—cream backgrounds with serif displays, dark themes with acid accents, or broadsheet layouts—regardless of the subject. This Skill provides a disciplined design process that produces intentional, subject-specific visual identities instead of templated defaults. ## Core Features & Use Cases - Subject-Grounded Design Direction: Pins down the product, audience, and page purpose before designing, deriving palette, typography, and layout from the subject's own world. - Structured Two-Pass Process: Brainstorms a compact token system (color, type, layout, signature element), critiques it against generic defaults, then builds code strictly from the revised plan. - Copywriting Guidance: Treats interface text as design material with rules for active voice, error states, empty states, and consistent vocabulary. - Use Case: When asked to build a landing page for a specialty coffee roaster, the Skill drives a design plan rooted in coffee culture—specific typefaces, a signature element, and real copy—rather than a generic hero-with-gradient template. ## Quick Start Ask the agent to design and build a distinctive landing page for your product, and it will plan a unique visual direction before writing the HTML and CSS.
