What problem does it solve? AI-generated interfaces often look generic and cheap, relying on default fonts, flat cards, harsh shadows, and basic transitions. This Skill enforces a strict design system that produces high-end, agency-quality web interfaces every time. ## Core Features & Use Cases - Anti-Pattern Blocking: Bans generic fonts (Inter, Roboto, Arial), thick-stroked icons, 1px gray borders, harsh shadows, and linear transitions that make designs look templated. - Creative 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 alike. - Motion Choreography: Defines spring-physics cubic-bezier transitions, staggered navigation reveals, magnetic button hovers, and scroll-triggered entry animations with GPU-safe performance guardrails. - Use Case: Ask for a landing page for a SaaS product and receive React/Tailwind code with nested double-bezel cards, floating glass navigation, button-in-button CTAs, and fluid scroll animations that read as a premium agency build. ## Quick Start Use the high-end-visual-design skill to build a landing page for my fintech startup with a dark glassmorphism aesthetic.
