What problem does it solve? AI-generated frontend pages often look generic: purple gradients, three-card feature rows, template section ordering, and default fonts. This Skill enforces a disciplined warm-modern design direction so generated interfaces feel authored, human, and premium instead of statistically assembled. ## Core Features & Use Cases - Warm Modern Style Direction: Applies cream, sand, clay, and walnut palettes, friendly sans plus warming serif typography, and human-scaled hierarchy to React or Next.js pages. - Tunable Design Dials: Controls DESIGN_VARIANCE, MOTION_INTENSITY, and VISUAL_DENSITY baselines that adapt to user requests for calmer, bolder, or denser output. - Component Recipe Routing: Points to shared component libraries (GSAP scenes, Aceternity modules, React Bits micro-interactions) with style-specific starting picks. - Use Case: Ask for a landing page for a craft coffee subscription and receive a warm split hero with real imagery, editorial typography, tactile button feedback, and disciplined spacing instead of a generic SaaS template. ## Quick Start Ask the assistant to build a warm, approachable landing page for your product using this design style.
