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 UI code instead of template-looking output. ## Core Features & Use Cases - Anti-Pattern Blocking: Bans common defaults like Inter/Roboto fonts, generic gray borders, harsh drop shadows, and linear transitions that make designs look cheap. - 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 identical. - Motion Choreography: Applies custom cubic-bezier transitions, staggered navigation reveals, magnetic button hover physics, and scroll-based entry animations using only GPU-safe transform and opacity properties. - Use Case: Ask the AI to build a SaaS landing page, and it produces a dark glassmorphic design with a floating pill navbar, double-bezel cards, button-in-button CTAs, and fluid spring-like animations in React/Tailwind. ## Quick Start Use the high-end-visual-design skill to build a premium landing page for my AI startup with a hero section and feature grid.
