What problem does it solve? Scroll-driven landing pages built from generic templates all look identical and fail in ways static screenshots never reveal: frozen video clips on real phones, dead scroll regions, unreadable text over media, and pages that feel like documents instead of experiences. This Skill provides a complete workflow for planning, generating, building, and verifying premium scroll experiences that hold up at every scroll position. ## Core Features & Use Cases - Structured creative process: An eight-question interview produces a brief, a customer journey, a feeling curve with one engineered peak, and a bespoke signature move, enforced by a fingerprint registry that prevents repeating prior page structures. - Asset generation and encoding pipeline: Generates photoreal stills and camera-move clips through kie.ai, then encodes them with dense keyframes via ffmpeg so video scrubs smoothly under the scroll wheel, with portrait variants and poster frames for mobile. - Scroll engine and device kit: A shared JavaScript/CSS engine drives scrub, pin, reveal, pan, parallax, counter, and worldflight modes from declarative data attributes on real semantic HTML. - Headless visual verification: A Playwright-based harness walks every act at multiple scroll positions, detects dead scroll and frozen clips, measures contrast on composited frames, and produces contact sheets for desktop, mobile, and reduced-motion states. - Use Case: A coffee brand needs an Apple-style product page where scrolling moves the camera toward the can, counters tick up on entry, and the page resolves into a preorder call to action, verified frame by frame on desktop and phone. ## Quick Start Ask the AI to use the scroll-craft skill to design and build a premium scroll-driven landing page for your brand, starting with the creative brief interview.
