What problem does it solve? Generic AI-generated interfaces tend to converge on the same fonts, color schemes, and layouts, producing forgettable results. This Skill guides the creation of frontend code with a committed, distinctive aesthetic direction instead of defaulting to cookie-cutter patterns. ## Core Features & Use Cases - Aesthetic Direction Commitment: Selects a bold conceptual tone (brutalist, editorial, retro-futuristic, minimal, maximalist, etc.) before writing any code. - Design System Guidance: Covers typography pairing, cohesive color themes via CSS variables, motion and micro-interactions, spatial composition, and atmospheric backgrounds. - Working Code Output: Produces functional HTML/CSS/JS, React, or Vue implementations matched in complexity to the chosen design vision. - Use Case: Ask for a landing page for a coffee brand and receive a complete, styled page with a distinctive editorial layout, characterful fonts, and scroll-triggered animations rather than a generic template. ## Quick Start Ask the assistant to build a specific frontend component or page, for example: create a landing page for a boutique coffee brand with a bold editorial aesthetic.
