cinematic-scroll

# cinematic-scroll (pointer) The `cinematic-scroll` skill gives an agent the taste to build cinematic, scroll-driven websites: pinned chapters, hero/multi-depth parallax, scroll-linked 3D tilt and camera moves, and environment-morphing backgrounds — from a single self-contained `.html` section (Mode A) to a full Next.js release site with optional AI-generated visuals (Mode B). Reach for it whenever the user asks for a scroll-driven or cinematic site, pinned/sticky sections, parallax, a product story page, an editorial microsite, or a release/launch/drop page. **Canonical instructions: [`../../../SKILL.md`](../../../SKILL.md)** — the single source of truth. Read it in full before building. This file is only a pointer; do not duplicate SKILL.md content. The design contract (resolve every value through a token, never a literal): [`../../../design.md`](../../../design.md) + [`../../../tokens/`](../../../tokens/); 11 visual systems as machine themes in [`../../../themes/`](../../../themes/). Deep references (`../../../references/`): - [`scroll-patterns.md`](../../../references/scroll-patterns.md) — 12 proven scroll patterns - [`film-archetypes.md`](../../../references/film-archetypes.md) — 11 visual systems / film archetypes - [`component-grammar.md`](../../../references/component-grammar.md) — named, token-driven components (Mode A + Mode B) - [`design-tokens.md`](../../../references/design-tokens.md) — the DTCG token reference - [`performance-budget.md`](../../../references...