Repolode
Enviar
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.

Ver no GitHub
Estrelas
10,261
Forks
1,128
Issues abertas
10
Último commit
há 3 meses

O que é?

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.

Recursos principais

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

Casos de uso

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

Tópicos

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

Perguntas frequentes

O que é 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.
scroll-world é gratuito? Qual é a licença?
scroll-world é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
scroll-world ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de scroll-world foi em 29 de jul. de 2026.
Para que posso usar scroll-world?
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.
Onde consigo scroll-world?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/oso95/scroll-world

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados