scroll-world Complete Guide 2026: Auto-Generating "Scrolling 3D Worlds" with Claude Code/Codex

「Scroll a website, and the camera glides from the sky into a building, flying seamlessly into the next scene」— what if you could make that Apple-product-page-style effect for your own brand in minutes?

scroll-world is an agent skill that auto-generates these "3D worlds where the camera flies as you scroll."

Introduced by @_vmlops on X and published on GitHub (github.com/oso95/scroll-world). This article explains why it's amazing, how to use it with Claude Code/Codex, and the actual generation steps — for beginners.

What You'll Learn

What scroll-world is, and why it can create "Apple-product-page-style effects"
Installation steps for Claude Code / Codex
What assets (images, videos, connection clips) are actually generated
Required tools (Higgsfield, etc.) and pricing
Comparison with other landing page generation tools

What Is scroll-world?

scroll-world is an agent skill that generates "scroll-driven 3D worlds" for any industry or brand.

Bottom line: just scroll, and the camera flies freely through the world

Depending on scroll position, the camera glides from outside to inside each scene, moving seamlessly to the next scene with no cuts
Like an Apple product page, you get one continuous flight video
Describe your brand and scenes to a SKILL.md-compatible agent (Claude Code / Codex) and it auto-generates

Key features:

Agent skill format: works with 20+ agents including Claude Code, Codex, Cursor
Frame-identical: adjacent scene seams match perfectly, no cut feel
Framework-independent: the generated scrub engine (vanilla-JS) embeds in any stack (Next.js, Vue, Python)
Higgsfield-based: uses GPT Image 2 (image) and Seedance (video) internally

Why It's Amazing: vs Traditional

Item	Traditional LP	scroll-world
Production cost	Video team + CG + weeks	AI agent + minutes
Cost	¥1M–¥10M+	~¥10K (tool fees)
Seamlessness	Cut-based editing	Frame-identical, no cuts
Iteration	Reshoots	Prompt changes only
Technology needed	3D CG / motion design	None (agent does it)

Installation (Claude Code)

1. Clone the Repository

git clone https://github.com/oso95/scroll-world
cd scroll-world

2. Add the Skill to Claude Code

Copy the SKILL.md into your project's .claude/skills/ directory:

mkdir -p .claude/skills/scroll-world
cp -r skills/scroll-world/* .claude/skills/scroll-world/

3. Ask the Agent

/scroll-world brand: "Your Brand" scenes: 5

Describe your brand and scenes, and the agent generates the whole world.

What Gets Generated

Still images: scene backgrounds via GPT Image 2
Videos: scene motion via Seedance (Higgsfield)
Connection clips: frame-identical transitions between scenes
Scrub engine: vanilla-JS code you embed in your site

Required Tools & Pricing

Tool	Use	Cost
Claude Code / Codex	Agent (runs the skill)	Your existing plan
Higgsfield	Video generation (Seedance)	Usage-based
GPT Image 2	Still image generation	Via provider

FAQ

Q. Can it really do Apple-style no-cut transitions?

Yes. The "frame-identical" technique makes adjacent scene frames match perfectly, creating a continuous flight without cuts.

Q. Does it work with Cursor?

Yes — it's a SKILL.md-compatible skill, working with 20+ agents including Cursor.

Q. Can I use the generated site in my stack?

Yes. The scrub engine is vanilla-JS, embedding in Next.js, Vue, Python, etc.

Q. Is there a free option?

The skill itself is free (open source). You pay only for image/video generation tool fees.

Summary: Who Is It For?

Conclusion:

Want Apple-style impact to differentiate → scroll-world, hands down
Want high-quality LPs without a video team → scroll-world, hands down
Already use Claude Code/Codex → just add the skill, instant
Only need a normal LP → Framer etc. is fine

scroll-world turns "the camera flies through a world just by scrolling" — the most impactful LP technique of 2026 — into an agent skill anyone can use. Start by git clone from the GitHub repository and ask Claude Code for /scroll-world.