whatisgithub

What is scroll-world?

oso95/scroll-world — explained in plain English

Analysis updated 2026-05-18

4,804JavaScriptAudience · vibe coderComplexity · 3/5LicenseSetup · moderate

In one sentence

An AI agent skill that auto-builds a scroll-driven 3D flythrough landing page for any brand using Higgsfield-generated scenes and clips.

Mindmap

mindmap
  root((scroll-world))
    What it does
      Scroll driven camera flight
      Connected 3D scenes
      No cut transitions
    Tech stack
      JavaScript scrub engine
      Higgsfield
      ffmpeg
      Python Pillow
    Use cases
      Brand landing pages
      Product showcases
      Mobile portrait version
    Audience
      Vibe coders
      Agencies
      Marketers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Build a scroll-scrubbed landing page that flies through a generated 3D world for a brand or product.

USE CASE 2

Generate a set of connected diorama-style scenes and camera flight clips without hand animating anything.

USE CASE 3

Add a native portrait mobile version of the same scroll experience alongside the desktop one.

What is it built with?

JavaScriptPythonffmpegHiggsfieldPillow

How does it compare?

oso95/scroll-worldmpetroff/pannellumstudio-42/elfinder
Stars4,8044,7904,787
LanguageJavaScriptJavaScriptJavaScript
Setup difficultymoderateeasymoderate
Complexity3/52/53/5
Audiencevibe coderdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires an authenticated Higgsfield account with credits, plus ffmpeg and Python with Pillow installed.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

So what is it?

scroll-world is a skill for AI coding agents like Claude Code and Codex that builds a scroll-driven landing page where the camera flies through a series of three dimensional looking scenes, one connected to the next with no cuts. As you scroll down the page, it feels like flying into and through a small generated world built around a brand or industry, similar to how some product pages use a continuous camera movement tied to scroll position. The skill relies on Higgsfield, an external service, to generate the visuals: isometric diorama style still images for each scene and short video clips that show the camera moving into and between them. It also supports using the Codex CLI to generate the still images through a ChatGPT subscription instead of Higgsfield credits. Once the images and clips exist, a small vanilla JavaScript scroll engine plays them in sequence, tied to how far the user has scrolled, and works in plain HTML, Next.js, Vue, or any page served by Python since it does not assume any particular framework. When someone uses the skill, it first asks questions: what the site is for, the brand look and feel, the order of scenes, whether a separate portrait version should be made for phones, and how much to spend, since generating images and clips costs credits. It then generates the still images, the camera flight clips for each scene, and connector clips that join scenes together so the transitions match up cleanly. Finally it wires everything into the scroll engine, including serving the phone friendly version automatically on mobile devices. To use it you need the Higgsfield command line tool with an authenticated account and credits, ffmpeg for handling video frames, and Python with Pillow for building the portrait versions. The generated video and image files are created per project and are not included in the repository itself. It is released under the MIT license.

Copy-paste prompts

Prompt 1
Use the scroll-world skill to build a scroll-through landing page for my coffee brand, with an interview to pick the scenes and art direction.
Prompt 2
Install scroll-world as a Claude Code plugin and generate a five scene flythrough landing page for a logistics company.
Prompt 3
Ask scroll-world to propose a brand kit and scene order for a fitness app landing page, then estimate the Higgsfield credit cost before generating anything.
Prompt 4
Use scroll-world to add a mobile portrait version of my existing scroll flythrough page.

Frequently asked questions

What is scroll-world?

An AI agent skill that auto-builds a scroll-driven 3D flythrough landing page for any brand using Higgsfield-generated scenes and clips.

What language is scroll-world written in?

Mainly JavaScript. The stack also includes JavaScript, Python, ffmpeg.

What license does scroll-world use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is scroll-world to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is scroll-world for?

Mainly vibe coder.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.