Repolode
Submit
oso95

oso95/scroll-world

An agent skill that generates a scroll-scrubbed 3D landing page where the camera flies from outside each scene into its interior, with no cuts.

View on GitHub
Stars
10,261
Forks
1,128
Open issues
10
Last commit
3 months ago

What is it?

scroll-world is an agent skill for Claude Code, Codex, and other SKILL.md-compatible agents. It builds a landing page for any brand or industry in which scrolling moves a camera from outside each scene into its interior, then continues to the next scene as one continuous flight without cuts.

The skill generates the art with AI: isometric diorama stills via GPT Image 2 (through Higgsfield or the Codex CLI), and image-to-video camera clips via Seedance or Kling. Connector clips are generated from the rendered frames of neighbouring scenes so that each seam matches frame for frame. Scroll position drives playback time, while the camera itself moves in the generated footage.

The scroll engine is a framework-agnostic vanilla JavaScript module that can be used in plain HTML, Next.js, Vue, or a Python-served page. The skill also covers an optional mobile 9:16 chain rendered separately for phones, and it states estimated generation costs before any rendering begins.

Key features

  • 01Generates isometric diorama scene stills and camera flight clips with AI image and video models.
  • 02Builds connector clips from neighbouring rendered frames so scene transitions are seamless.
  • 03Provides a framework-agnostic vanilla JavaScript scroll engine with lazy loading and seam crossfade.
  • 04Supports an optional separately composed 9:16 mobile version.
  • 05Shows estimated credit or dollar costs and waits for approval before generating.

Use cases

  • Creating a scroll-driven product or brand landing page for a logistics or industrial company.
  • Prototyping an immersive 3D-style marketing page without a 3D modeling pipeline.
  • Adding a cinematic scroll section to an existing Next.js, Vue, or plain HTML site.

Topics

#ai-agent#claude-code#landing-page#scroll-animation#video-generation#image-generation#javascript#frontend

FAQ

What is scroll-world?
An agent skill that generates a scroll-scrubbed 3D landing page where the camera flies from outside each scene into its interior, with no cuts. scroll-world is an agent skill for Claude Code, Codex, and other SKILL.md-compatible agents. It builds a landing page for any brand or industry in which scrolling moves a camera from outside each scene into its interior, then continues to the next scene as one continuous flight without cuts.
Is scroll-world free to use? What license does it have?
scroll-world is open source under the MIT license. Check the license terms before using it in commercial products.
Is scroll-world still maintained?
Updated within 6 months. The last commit to scroll-world was on Jul 29, 2026.
What can I use scroll-world for?
Creating a scroll-driven product or brand landing page for a logistics or industrial company. Prototyping an immersive 3D-style marketing page without a 3D modeling pipeline. Adding a cinematic scroll section to an existing Next.js, Vue, or plain HTML site.
Where can I get scroll-world?
The source code and installation instructions are on GitHub: https://github.com/oso95/scroll-world

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects