What problem does it solve? AI-generated interfaces often look generic because they default to common fonts, flat cards, harsh shadows, and linear transitions. This Skill enforces a high-end agency design language so generated React, Tailwind, or HTML output reads as a polished, expensive build instead of a template. ## Core Features & Use Cases - Anti-pattern blocking: Bans default fonts (Inter, Roboto, Arial), generic borders, harsh drop shadows, edge-to-edge navbars, and linear easing curves. - Variance engine: Selects from texture archetypes (Ethereal Glass, Editorial Luxury, Soft Structuralism) and layout archetypes (Asymmetrical Bento, Z-Axis Cascade, Editorial Split) so outputs differ between generations. - Component and motion rules: Defines Double-Bezel nested card architecture, button-in-button CTA patterns, staggered nav reveals, magnetic hover physics, and GPU-safe transform/opacity animations. - Use Case: Ask for a SaaS landing page and receive a dark glassmorphic layout with a floating pill navbar, bento grid cards, custom cubic-bezier transitions, and scroll-triggered fade-up reveals that collapse cleanly on mobile. ## Quick Start Use the anvil-ui-soft skill to design a landing page for my AI startup with a hero section, feature cards, and a pricing block.
