Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add MustBeSimo/cinematic-scroll-skill --skill cinematic-scrollgit clone --depth 1 https://github.com/MustBeSimo/cinematic-scroll-skillWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/mustbesimo/cinematic-scroll-skill/cinematic-scroll)<a href="https://agentmods.dev/skills/mustbesimo/cinematic-scroll-skill/cinematic-scroll"><img src="https://agentmods.dev/badge/skills/mustbesimo/cinematic-scroll-skill/cinematic-scroll/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/mustbesimo/cinematic-scroll-skill/cinematic-scroll"><img src="https://agentmods.dev/badge/skills/mustbesimo/cinematic-scroll-skill/cinematic-scroll.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00078 | $0.00489 |
| Opus 5.5 | $0.00031 | $0.00196 |
| Sonnet 5.5 | $0.00016 | $0.00098 |
| Haiku 4.5 | $0.00008 | $0.00049 |
Grade A, and why
cinematic-scroll scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
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.
Use the project's existing design system or adapt the bundled token contract:
../../../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.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 1mo ago Changed · +3 tokens per session 4604b56fbfbe
- 1mo ago Changed · +14 tokens per session 515d2c3beeb7
- 1mo ago First seen · 35 lines · 61 tokens per session scan A e43c7fa21e44
cinematic-scroll is a skill published in the GitHub repository MustBeSimo/cinematic-scroll-skill (34 stars, last pushed 1mo ago), licensed MIT. It adds 78 tokens to every session and 489 once invoked, about $0.0003 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
html-effectiveness-proto
A guide for testing motion and short interaction flows in a web interface. It covers adjustable animation timing and easing, which controls how movement speeds up or slows down, plus clickable flows across four to six screens.
m3-expressive
Use when designing or implementing UI with Material Design 3 or M3 Expressive — Material components, motion springs, shape morphing, emphasized typography, color roles, adaptive layouts. Also for Material You, Jetpack Compose / MDC-Android / Flutter / web Material UI, making a UI feel "expressive", or reviewing a…
accessible-animation
This skill should be used when the user asks to "respect prefers-reduced-motion", "honor reduced motion", "make my animations accessible", "fix vestibular / motion-sickness issues", "add a useReducedMotion hook", "gate GSAP / Framer Motion / Lenis for reduced motion", or "meet WCAG 2.3.3 / C39". Provides tiered (not…
glassmorphism
This skill should be used when the user asks to "add a glassmorphism effect", "frosted glass UI", "Apple liquid glass style", "frosted blur card", "translucent glass panel animation", "make a frosted nav bar", "build a glass modal/dialog", "animate a glass card on hover", or "add a refracting liquid-glass hero".…
ultra-frontend
Master frontend skill for Claude Code. Synthesizes ultra-frontend design system, uiuxpromax design intelligence, superdesign.dev aesthetics, framer-motion + GSAP full plugin ecosystem, 21st.dev component patterns, Three.js 3D, shadcn/ui, and production-grade architecture. Invoke for ANY visual web task: landing pages…
animation-system-architect
Design performant animation systems with Framer Motion, GSAP, View Transitions API, and spring physics. Activate on: page transitions, micro-interactions, scroll animations, layout animations, spring physics. NOT for: CSS-only hover effects (use css-in-js-architect), video/canvas rendering (use creative-coding-expert).