What problem does it solve? AI-generated interfaces tend to look generic and templated, repeating the same fonts, gradients, card grids, and dark-mode-with-glow aesthetics. This Skill guides the creation of distinctive, production-grade web interfaces that avoid recognizable AI design patterns. ## Core Features & Use Cases - Design Direction Enforcement: Commits to a bold aesthetic direction (brutalist, editorial, retro-futuristic, etc.) before writing any code, with a mandatory context-gathering protocol for audience, use cases, and brand tone. - Deep Reference Library: Ships six in-depth references covering typography, color and contrast (OKLCH), spatial design, motion design, interaction design, responsive design, and UX writing. - Anti-Pattern Guardrails: Explicit DO/DON'T rules that eliminate common AI slop such as Inter/Roboto defaults, purple-blue gradients, nested cards, bounce easing, and placeholder-as-label forms. - Use Case: Ask for a landing page for a coffee subscription brand, and receive a complete HTML/CSS implementation with fluid typography, an OKLCH palette, staggered entrance animations, and accessible focus states. ## Quick Start Ask the agent to build a landing page or web component for your product, providing your target audience, use cases, and desired brand personality.
