What problem does it solve? AI-generated interfaces often converge on generic template aesthetics—default fonts, purple gradients, and predictable card layouts. This Skill enforces intentional art direction so every UI build has a distinct visual identity, complete interaction states, and production-grade accessibility. ## Core Features & Use Cases - Art Direction Enforcement: Commits to a radical design direction (editorial, brutalist, retro-futurist, etc.) with a functional signature element unique to each build. - Token-Driven Design System: Defines CSS custom properties for color, typography, spacing, radius, shadow, and motion before any layout work begins. - Complete State Coverage: Requires hover, focus, disabled, loading, error, and empty states plus failure handling for network and data issues. - Use Case: Ask for a landing page for a coffee subscription brand, and receive a complete interface with a defined art direction brief, custom typography pairing, orchestrated entrance motion, and WCAG-conscious focus states—rather than a generic Tailwind template. ## Quick Start Use the frontend-distinct skill to design a landing page for my product with a bold editorial art direction and full interaction states.
