Biblioteca · Repositório

oso95/scroll-world

Imagem, vídeo e avatares · JavaScript · MIT

Uma skill de agente (Claude Code, Codex, Cursor) que transforma qualquer marca numa landing page com 'voo' contínuo por um mundo 3D isométrico, no estilo das páginas de produto da Apple. Saiu do zero em 6 de julho de 2026 e já passou de 6,9 mil estrelas em menos de um mês (1,5 mil só na última semana), porque entrega um efeito visual caríssimo de produzir com um único comando.

O que é, em uma frase honesta

É uma receita empacotada (skill) que ensina um agente de código a fabricar landing pages cinematográficas: conforme o visitante rola a página, uma câmera 'voa' sem cortes por cenas 3D em estilo diorama isométrico, todas na identidade visual da marca. Por baixo do capô não há mágica única, e sim uma orquestração: o agente entrevista você sobre a marca e as cenas, gera as imagens de cada cenário com IA de imagem, gera os clipes de voo entre cenas com IA de vídeo (Seedance 2.0, com Kling 3.0 de reserva), trava os frames de emenda para a transição não 'pular', e monta tudo num motor de scroll em JavaScript puro, que funciona em HTML simples, Next.js ou Vue. O código do repositório é pequeno de propósito: o valor está no processo, não na biblioteca.

Para que serve na prática

Serve para produzir aquela página de lançamento que hoje custa uma produtora: apresentação de produto, campanha de marca, página de evento, relatório anual interativo. Casos concretos: uma marca de café encomenda um voo da fazenda à xícara; uma fintech mostra a jornada do dinheiro em cenários 3D; uma imobiliária faz o visitante 'sobrevoar' o empreendimento. A instalação é um comando no Claude Code (via marketplace de plugins) ou a cópia da pasta da skill para Codex, Cursor e outros 20 agentes.

Há a ressalva prática: a skill depende de serviços pagos de geração de imagem e vídeo por trás, então o custo por página não é zero; é o custo de algumas gerações de vídeo, o que ainda é ordens de grandeza abaixo do orçamento de uma produção manual.

Quando faz sentido pra você que lidera

Faz sentido quando a sua marca precisa de impacto visual pontual (lançamento, campanha, pitch) e você quer testar em dias o que antes exigia semanas de agência: o formato 'página Apple' vira commodity acessível. O raciocínio de negócio: o diferencial deixa de ser 'ter' esse efeito e passa a ser a qualidade da direção de arte e da narrativa que você alimenta na entrevista inicial. Riscos a nomear: dependência de APIs de vídeo de terceiros (custo variável e termos de uso das imagens geradas), páginas pesadas que exigem cuidado com desempenho em celular (há modo retrato 9:16, mas teste antes), e o risco reputacional de sair igual a todo mundo se você usar a receita padrão sem customizar.

Licença MIT: uso comercial livre.

Por que está no mapa

Criado em 6 de julho de 2026, cruzou 6,9 mil estrelas em menos de 30 dias, com 1,5 mil só na última semana e 787 forks: é um dos repositórios que mais cresce na leva atual. O empurrão veio da onda das 'skills' de agentes: demos do efeito de voo circularam nas redes, e a distribuição ficou fácil porque instala com um comando no Claude Code e aparece em registros como o da Vercel e o Tessl. É o exemplo mais visual até agora de um padrão maior: empacotar um processo criativo inteiro como skill reutilizável de agente.

Último commit em 29 de julho de 2026.

Ver no GitHub →
O que você achou desta página?
Recomendaria esta página para alguém do seu time?