cinematic-scrolllisted

<!-- ============================================================================= HUMAN READING THIS BY ACCIDENT? You don't need to. This file is for Claude. Open README.md instead — it's the human quickstart. This file (SKILL.md) is the machine-readable contract the agent reads when the skill is invoked. It's long and technical by design. ============================================================================= --> # Cinematic Scroll Reusable patterns + production templates for building cinematic, scroll-driven React pages: pinned chapters, multi-depth parallax, 3D mouse tilt, environment-morphing backgrounds, reduced-motion-safe degradation, and (optionally) a full Next.js release site with fal.ai-generated visuals. This is v2.0 — built on a **5-phase gated pipeline**. Every phase produces a reviewable artifact. The user approves each phase before the next begins. This replaces the v1.0 one-shot generation model with a process that consistently produces production-quality output. ## The aesthetic is the user's — the motion is yours **This skill supplies the *motion grammar*, never a fixed look.** The pinned chapters, parallax, tilt, title choreography, and morphing backgrounds are the constant; the visual world — palette, typography, imagery, mood — comes entirely from the user's brief. Derive the aesthetic from what they ask for (brand, references, palette, vibe, or a visual system from `references/film-archetypes.md`). If they haven't said, **ask** or offer 2–