What problem does it solve? AI-generated web interfaces often look generic, using overused fonts, cliched purple gradients, and cookie-cutter layouts. This Skill guides the creation of frontend code with a committed aesthetic direction so every interface feels intentionally designed rather than templated. ## Core Features & Use Cases - Aesthetic Direction First: Commits to a bold conceptual direction (brutalist, editorial, retro-futuristic, minimalist, etc.) before writing any code. - Production-Grade Output: Generates working HTML/CSS/JS, React, or Vue code with refined typography, cohesive color themes via CSS variables, and purposeful motion. - Anti-Generic Guardrails: Explicitly avoids overused fonts (Inter, Roboto, Arial), predictable layouts, and default AI aesthetics. - Use Case: Ask for a landing page for a coffee brand and receive a complete page with a distinctive display font, asymmetric layout, staggered load animations, and textured backgrounds instead of a generic template. ## Quick Start Build a landing page for a specialty coffee brand with a bold editorial aesthetic, distinctive typography, and scroll-triggered animations.
