scroll-world

scroll-world is a skill for Claude Code from ulises-jeremias/agent-toolkit. It costs 214 tokens per session (13,073 once invoked), scanned A, a copy of scroll-world, MIT.

A web-page building skill for creating a scroll-controlled journey through connected scenes. As visitors scroll, a pre-rendered camera video moves into and between scenes without visible cuts.

In plain words
What is it for?
Use it to create immersive landing pages for brands, products, or industries, with generated scene images and video clips joined into a scroll-driven sequence.
Why use it?
It provides a way to make a landing page feel like one continuous flight instead of a set of separate images or videos.

Skill for Claude Code

Written for Claude Code: allowed-tools in frontmatter. Also seen: names the AskUserQuestion tool; positional $N argument; mentions Claude Code.

Part of the agent-toolkit-complete plugin — 106 skills shipped together

Good fit Use it to create immersive landing pages for brands, products, or industries, with generated scene images and video clips joined into a scroll-driven sequence.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/ulises-jeremias/agent-toolkit/scroll-world
Install

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.

Any agent
npx skills add ulises-jeremias/agent-toolkit --skill scroll-world
Clone the repo
git clone --depth 1 https://github.com/ulises-jeremias/agent-toolkit

Made for: Claude Code.

Or install agent-toolkit-complete, the plugin that ships this one along with the rest of its 106 skills.

Wrote 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.

agentmods badge for scroll-world

README.md
[![agentmods](https://agentmods.dev/badge/skills/ulises-jeremias/agent-toolkit/scroll-world/github.svg)](https://agentmods.dev/skills/ulises-jeremias/agent-toolkit/scroll-world)
Your own site
<a href="https://agentmods.dev/skills/ulises-jeremias/agent-toolkit/scroll-world"><img src="https://agentmods.dev/badge/skills/ulises-jeremias/agent-toolkit/scroll-world/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.

agentmods 80×15 button for scroll-world

Your own site · 80×15
<a href="https://agentmods.dev/skills/ulises-jeremias/agent-toolkit/scroll-world"><img src="https://agentmods.dev/badge/skills/ulises-jeremias/agent-toolkit/scroll-world.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 214 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 13,073 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 1 finding. A grade says what 26 rules found in the file — not that it is safe.
Origin 98% copy Near-identical to another mod in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5.1 $0.00214 $0.13073
Opus 5.5 $0.00086 $0.05229
Sonnet 5.5 $0.00043 $0.02615
Haiku 4.5 $0.00021 $0.01307

Measured yesterday against content hash a5af17937fee, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

scroll-world scanned grade A with 1 finding 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.

The scan reads SKILL.md. This mod also ships 2 executable files (references/knockout.py, references/scrub-engine.js), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

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.

Makes network callslowCapability

Not a fault in itself. Listed so you know the mod talks to something, and to what.

- Result URL is `.[]0.result_url` in the `--wait --json` output. `curl` it down.
Origin

This is a copy

98% identical to scroll-world — 66 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

plugins/agent-toolkit-complete/.github/skills/scroll-world/SKILL.md · 803 lines

How it starts

The opening of the file, as written. The whole thing — 803 lines — stays where its author put it; the contents beside it link to each section on GitHub.

scroll-world

Produces a landing page where scroll drives a camera: it dives from outside a scene into its interior, then flies out and into the next scene, continuously, with no visible cuts. The visuals are AI-generated — stills via Higgsfield (or Codex), the video chain via Monid by default (pay-per-clip Seedance 2.0; Higgsfield credits as fallback) — and the page just scrubs pre-rendered video by scroll position. This is the same technique behind Apple's scroll-through product pages — the camera genuinely moves, scroll only drives time.

What you generate: N scene stills → N "dive-in" camera clips → N-1 "connector" clips that join consecutive scenes seamlessly → a portable scrub engine that plays the whole chain as one flight.

The one rule that makes or breaks it: seams must be frame-identical. Read The seamless chain before generating any connector. Getting this wrong is the single most common failure and produces a visible "pop" between scenes.

Do not assume a frontend framework. The scrub engine in references/scrub-engine.js is self-contained vanilla JS (it builds its own DOM + injects its own CSS into a container you give it), so it drops into plain HTML, Next.js, Vue, a Python-served page, anything. The value of this skill is the Higgsfield pipeline, the prompts, and the seam method — not the framework.


Step 0 — Bootstrap

  1. Monid CLI — the default video-chain backend. Check monid --version, monid keys list (active key) and monid balance — the chain is billed per clip in USD (Step 1.7 has the numbers; a 1080p N=6 chain ≈ $27). If the CLI is missing or the balance can't cover the chain, say so and fall back to rendering the chain on Higgsfield credits instead — same model, same pipeline, different biller (Step 4 → Monid backend).
  2. Higgsfield CLI — still required even on the Monid path: it renders the scene stills (gpt_image_2) and is the home of the kling3_0 NSFW fallback and the fallback chain. If higgsfield is not on $PATH, install per the higgsfield-generate skill. If higgsfield workspace list fails auth, ask the user to run higgsfield auth login (interactive OAuth — you cannot run it) and, if needed, higgsfield workspace set <id>. Confirm credits cover the stills (~N image gens) — plus (2N-1) video gens if the chain falls back here.
  3. ffmpeg / ffprobe on $PATH (frame extraction + encoding).
  4. An image tool for background knockout if you want floating scenes: PIL (python3 -c "import PIL"), or cwebp/sips. Optional — see Step 3.
  5. (Optional) Codex CLI — if codex is on $PATH (≥ 0.125) and codex login status reports a ChatGPT login, the scene stills can be generated through Codex's built-in image_gen (the same gpt-image-2 model) billed to the user's ChatGPT subscription instead of Higgsfield credits — offer it at Step 1.7, command in Step 2. Absence just removes the option.
  6. Caveats: macOS ships bash 3.2 (no declare -A); don't use associative arrays in scripts. Higgsfield generations take 3–8 min each — always run them detached (background) and poll, never a foreground blocking call. Reference-by-job-UUID is rejected by media flags — pass local file paths to --image/--start-image/--end-image. Video models differ in accepted params (e.g. Kling has no --resolution) and in whether they support start/end-image conditioning at all — before batching, confirm the chosen model's schema with higgsfield model get <job_type> and see the Step 4 model table.

Read the full file on GitHub · 803 lines

Files

What ships with it

5 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

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.

  1. yesterday First seen · 803 lines · 214 tokens per session scan A a5af17937fee

Subscribe to this mod's changes

scroll-world is a skill published in the GitHub repository ulises-jeremias/agent-toolkit (19 stars, last pushed yesterday), licensed MIT. It adds 214 tokens to every session and 13,073 once invoked, about $0.0009 per session on Opus 5.5. A static security scan graded it A with 1 finding (makes network calls). It is 98% identical to scroll-world, differing in 66 lines, and is treated as a copy.

Related

Other skills, from other repositories

ui-ux-design

Create production-grade frontend interfaces with strong UX and visual craft. Use when building web components, pages, dashboards, forms, landing pages, modals, or any UI. Use when user says 'build a form', 'create a dashboard', 'design a component', 'make a landing page', or asks for UI/UX work. Use even when the user…

arvindand/agent-skills · 98 tokens

publish-website

Publish a website to Porkbun Secure Static Hosting. Use when the user asks you to build, create, update or put live a website, landing page or placeholder page for a domain they have at Porkbun, mentions Porkbun hosting or static hosting, or asks how to upload site files to Porkbun.

oborseth/Porkbun-MCP · 65 tokens

react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance pat...

dvasyliev/ai-dev-tools-getting-started · 43 tokens

ui-styling

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns…

duongductrong/cursor-kit · 90 tokens

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

duongductrong/cursor-kit · 43 tokens

aesthetic

Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows…

duongductrong/cursor-kit · 146 tokens