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 polished, high-end web interfaces resembling professional agency work. ## Core Features & Use Cases - Anti-Pattern Blocking: Bans common defaults like Inter/Roboto fonts, 1px gray borders, harsh drop shadows, and linear transitions that make designs look generic. - 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 each output is visually distinct. - 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 and mobile collapse rules. - Use Case: Ask the AI to build a landing page for a SaaS product, and it delivers a dark glassmorphic bento-grid layout with floating pill navigation, magnetic button hovers, and scroll-triggered fade-up 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 dark glass aesthetic and fluid animations.
