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 blocks those defaults and produces interfaces resembling high-end agency work. ## Core Features & Use Cases - Anti-Pattern Blocking: Bans generic fonts (Inter, Roboto, Arial), heavy icons, 1px gray borders, harsh shadows, and linear easing so output never looks templated. - Creative Variance Engine: Selects from texture archetypes (Ethereal Glass, Editorial Luxury, Soft Structuralism) and layout archetypes (Asymmetrical Bento, Z-Axis Cascade, Editorial Split) with defined mobile collapse behavior. - Component & Motion Patterns: Provides Double-Bezel nested card architecture, button-in-button CTAs, staggered nav reveals, magnetic hover physics, and GPU-safe scroll animations using transform and opacity only. - Use Case: Ask for a landing page for a SaaS product and receive React/Tailwind code with glassmorphic cards, custom cubic-bezier transitions, generous whitespace, and responsive fallbacks below 768px. ## 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.
