What problem does it solve? AI-generated interfaces often look generic because they rely 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 instead of template-looking output. ## Core Features & Use Cases - Anti-Pattern Blocking: Bans common cheap-looking defaults such as Inter/Roboto fonts, 1px gray borders, harsh drop shadows, and linear transitions. - 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 design is unique. - Component & Motion Rules: Defines Double-Bezel nested card architecture, button-in-button CTAs, staggered nav reveals, and cubic-bezier spring-like transitions with GPU-safe animation constraints. - Use Case: Ask for a landing page for a SaaS product and receive React/Tailwind code with glassmorphism, concentric rounded cards, magnetic button hovers, and scroll-triggered fade-up animations that read as a premium agency build. ## Quick Start Use the high-end-visual-design skill to build a landing page for my AI startup with a dark glassmorphism aesthetic.
