What problem does it solve? Web interfaces built by AI often look generic, using overused fonts, cliched color schemes, and predictable layouts. This Skill guides the creation of distinctive, polished frontend code with a clear aesthetic direction instead of cookie-cutter output. ## Core Features & Use Cases - Aesthetic Direction Setting: Commits to a bold conceptual direction (brutalist, editorial, retro-futuristic, minimal, maximalist) before writing any code. - Design System Guidance: Provides concrete rules for typography pairing, CSS variable-based color themes, motion and micro-interactions, spatial composition, and atmospheric backgrounds. - Production Code Output: Implements working HTML/CSS/JS, React, or Vue interfaces that are functional, cohesive, and visually refined. - Use Case: Ask for a landing page for a coffee brand and receive a complete page with a distinctive display font, a committed color palette, staggered load animations, and an asymmetric layout rather than a generic template. ## Quick Start Ask the AI to build a landing page, dashboard, or React component for your product and specify the mood or audience you want the design to target.
