What problem does it solve? Teams often jump straight into coding premium or experiential websites and end up with generic Awwwards-style clichés or gratuitous WebGL effects that do not fit the brand. This Skill forces a structured concept pass so the interaction design is chosen deliberately before any implementation begins. ## Core Features & Use Cases - Concept-First Workflow: Generates 3 meaningfully different creative directions, each with a central metaphor, user actions, memorable beats, implementation ladder, fallbacks, and risks, then selects one. - Experience Vocabulary: Provides 12 experience families (spatial journey, scroll film, object theatre, kinetic typography, generative visuals, and more) as a vocabulary rather than a checklist. - Technology Ladder Guidance: Maps concepts to the right stack, from semantic HTML/CSS through GSAP and ScrollTrigger up to Three.js/WebGL, preventing unnecessary WebGL. - Use Case: When asked to redesign a product launch page to feel premium, use this Skill to produce three distinct creative directions with mobile and reduced-motion fallbacks before writing any code. ## Quick Start Use the creative-web-experiences skill to propose three distinct interactive concepts for our new product launch page before we start building it.
