# Scroll World Landing Page

Builds a scroll-scrubbed landing page where the camera flies through a world.

- Repository: https://github.com/oso95/scroll-world (10717 stars)
- Category: Design
- License: MIT
- Last updated: 2026-07-29
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add oso95/scroll-world --skill scroll-world -g -a claude-code -y`
Codex: `npx skills add oso95/scroll-world --skill scroll-world -g -a codex -y`
Cursor: `npx skills add oso95/scroll-world --skill scroll-world -g -a cursor -y`
Gemini CLI: `npx skills add oso95/scroll-world --skill scroll-world -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add oso95/scroll-world`

## Description

Build an immersive scroll-scrubbed "fly through the world" landing page for any industry or brand using Higgsfield. As the visitor scrolls, a pre-rendered camera flies from outside each scene into its interior, then flows on to the next scene with NO cuts, one continuous connected flight (Emons-style isometric diorama world, or any art direction you pick). The skill interviews the user for the topic, the story beats/sections, and brand kit, then generates cohesive scenes + seamless camera clips with Higgsfield and wires a portable, framework-agnostic scroll-scrub engine. The video chain renders through Monid by default (Seedance 2.0, pay-per-clip USD, capability re-checked each build, see Step 4) with Higgsfield credits as the fallback biller. Use when the user wants a "3D world" / "browse-through-the-industry" hero, a scroll cinematic, a diorama landing, or to turn a business into a scrollable world.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 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](#step-5--the-seamless-chain-the-critical-part) 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

The rest: https://github.com/oso95/scroll-world/blob/HEAD/skills/scroll-world/SKILL.md