What problem does it solve? AI-generated interfaces often look generic and cheap, relying on default fonts, flat cards, harsh shadows, and linear transitions. This Skill enforces a strict design system that produces high-end, agency-quality web interfaces instead of template-looking output. ## Core Features & Use Cases - Anti-Pattern Blocking: Bans default fonts (Inter, Roboto, Arial), generic borders, harsh shadows, and linear easing that make AI designs look cheap. - Variance Engine: Selects from curated vibe archetypes (Ethereal Glass, Editorial Luxury, Soft Structuralism) and layout archetypes (Asymmetrical Bento, Z-Axis Cascade, Editorial Split) so no two outputs look identical. - Component & Motion Mastery: Defines Double-Bezel nested card architecture, button-in-button CTA patterns, staggered nav reveals, and cubic-bezier spring physics with GPU-safe animation rules. - Use Case: Ask the AI to build a landing page for a SaaS product, and it will produce a dark glassmorphic bento grid with floating pill navigation, scroll-triggered fade-up reveals, and mobile-safe responsive collapse. ## Quick Start Ask the AI to design a landing page or dashboard UI and it will apply the premium archetypes, nested card structures, and fluid motion rules automatically.
