What problem does it solve? AI-generated web interfaces often look generic, using overused fonts, cliched purple gradients, and predictable layouts. This Skill guides the creation of distinctive, polished frontend code with a committed aesthetic direction instead of cookie-cutter output. ## Core Features & Use Cases - Aesthetic Direction: Commits to a bold conceptual tone (brutalist, editorial, retro-futuristic, minimal, maximalist) before writing any code. - Design Guidelines: Covers typography pairing, cohesive color themes via CSS variables, motion and micro-interactions, asymmetric spatial composition, and atmospheric backgrounds. - Anti-Generic Rules: Explicitly avoids overused fonts (Inter, Roboto, Arial), cliched color schemes, and predictable component patterns. - Use Case: Ask for a landing page for a coffee brand and receive a complete HTML/CSS page with a distinctive display font, staggered load animations, and a cohesive editorial layout rather than a generic template. ## Quick Start Ask the assistant to build a landing page, dashboard, or React component and request a specific aesthetic direction such as brutalist or editorial magazine style.
