What problem does it solve? AI-generated interfaces tend to converge on generic, templated aesthetics—default fonts, purple gradients, card grids, and dark mode with neon accents. This Skill guides the creation of distinctive, production-grade web interfaces that avoid recognizable AI design patterns. ## Core Features & Use Cases - Design Direction Framework: Commits to a bold aesthetic direction (brutalist, editorial, retro-futuristic, etc.) with defined purpose, tone, and differentiation before writing code. - Comprehensive Design References: Includes in-depth guides for typography, color and contrast (OKLCH), spatial design, motion, interaction, responsive design, and UX writing. - Context Gathering Protocol: Requires confirmed design context (audience, use cases, brand tone) from instructions or a .impeccable.md file before any design work begins. - Use Case: Ask for a landing page for a specialty coffee brand, and receive a complete interface with fluid typography, a tinted-neutral OKLCH palette, staggered entrance animations, and accessible focus states—rather than a generic template. ## Quick Start Ask the assistant to design and build a landing page or web component for your product, providing your target audience, use cases, and desired brand tone.
