What problem does it solve?
This Skill eliminates generic, templated AI designs by enforcing production-grade visual systems, component architecture, and motion choreography so outputs consistently read as high-end, studio-quality digital experiences.
Core Features & Use Cases
- Design Governance: Bans common cheap defaults (specific fonts, icon sets, borders, and motions) and prescribes premium typography, spacing, and shadow rules to preserve an expensive aesthetic.
- Component Patterns & Layouts: Provides the Double-Bezel nested card system, nested CTA architecture, and selectable vibe and layout archetypes (Ethereal Glass, Editorial Luxury, Soft Structuralism) for landing pages, portfolios, and SaaS dashboards.
- Motion & Performance Guardrails: Specifies springy cubic-bezier transitions, GPU-safe transform-only animations, scroll entry choreography, and mobile collapse rules to ensure fluid, performant interactions across viewports.
Quick Start
Design a premium Ethereal Glass landing hero with Double-Bezel cards, asymmetrical bento layout, spring-based motion choreography, and mobile fallbacks.