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.svg" alt="Measured on agentmods" 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.00075 | $0.00486 |
| Opus 5 | $0.00037 | $0.00243 |
| Sonnet 5 | $0.00015 | $0.00097 |
| Haiku 4.5 | $0.00007 | $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 yesterday.
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.
- yesterday Changed · +14 tokens per session 515d2c3beeb7
- 8d 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 (33 stars, last pushed today), licensed MIT. It adds 75 tokens to every session and 486 once invoked, about $0.0004 per session on Opus 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.
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…
html-effectiveness-editor
Guidance for building small HTML editors where users arrange items, change settings, or tune prompts, then copy the result back to an agent.
micro-interactions
Expert micro-interaction architect for mobile apps, web applications, and responsive websites. Use this skill when the user asks to add, build, fix, audit, or consult on micro-interactions, animations, transitions, motion design, gesture feedback, haptics, loading states, skeleton screens, pull-to-refresh, swipe…