What problem does it solve? AI-generated interfaces often look generic because they default to common fonts, flat cards, harsh shadows, and basic transitions. This Skill enforces a strict design system that produces agency-tier React, Tailwind, and HTML output. ## Core Features & Use Cases - Anti-Pattern Blocking: Bans default fonts (Inter, Roboto), generic borders, harsh shadows, and linear transitions that make designs look cheap. - Variance Engine: Selects from texture 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 Rules: Defines Double-Bezel nested card architecture, button-in-button CTAs, staggered nav reveals, and cubic-bezier spring physics with GPU-safe animation constraints. - Use Case: Ask for a SaaS landing page and receive a dark glassmorphic bento grid with floating pill navigation, magnetic button hovers, and scroll-triggered fade-up reveals that collapse cleanly on mobile. ## Quick Start Use the high-end-visual-design skill to build a premium landing page for my AI startup with a dark glass aesthetic.
