Cinematic scroll
Skill MustBeSimo/cinematic-scroll-skill/.codex/skills/cinematic-scroll
Agent skill for building cinematic, scroll-driven websites from a brief: visual systems, motion storyboards, vanilla/GSAP demos, and Next.js release-page templates.
npx -y skills add MustBeSimo/cinematic-scroll-skill --skill cinematic-scrollAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 18 stars18 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Build cinematic, scroll-driven websites — pinned chapter reveals, multi-depth parallax, 3D tilt, and environment-morphing backgrounds, from a single self-contained HTML section to a full Next.js release site. The motion grammar is the constant; the aesthetic is always the user's.
SKILL.md
2.1 KB, as published. Nobody here has run it
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 — 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 + ../../../tokens/;
11 visual systems as machine themes in ../../../themes/.
Deep references (../../../references/):
scroll-patterns.md— 12 proven scroll patternsfilm-archetypes.md— 11 visual systems / film archetypescomponent-grammar.md— named, token-driven components (Mode A + Mode B)design-tokens.md— the DTCG token referenceperformance-budget.md— transform/opacity budget + pre-launch checklistmobile-motion.md— mobile motion + reduced-motion degradation
Taste rules: ../../../taste-guardrails.md.
Trigger prompts: ../../../examples/PROMPTS.md.