What problem does it solve? AI-generated frontend code often falls into generic patterns: purple gradients, default hero layouts, and overused fonts like Inter. This Skill guides the creation of web interfaces with a committed aesthetic direction, avoiding cookie-cutter AI design output. ## Core Features & Use Cases - Design Direction Planning: Commits to a bold aesthetic (brutalist, editorial, retro-futuristic, minimal) before writing any code, based on purpose, tone, and constraints. - Aesthetic Implementation Guidelines: Covers typography pairing, CSS variable color systems, motion and micro-interactions, asymmetric spatial composition, and textured backgrounds. - Hallucination Trap Avoidance: Flags known AI design cliches such as purple primary colors, mesh gradient backgrounds, and default hero layouts. - Use Case: Ask for a landing page for a coffee brand and receive a complete HTML/CSS implementation with a distinctive editorial layout, characterful font pairing, and scroll-triggered reveal animations instead of a generic template. ## Quick Start Build a landing page for my product with a bold, distinctive design that avoids generic AI aesthetics.
