cth9191/animate

O que é?

Recursos principais

• 01Sete estilos de desenho integrados, além de estilos personalizados baseados em mídias de referência.
• 02Renderização determinística, quadro a quadro, em MP4 com Chromium headless e ffmpeg.
• 03Cortes sincronizados às batidas quando você fornece sua própria trilha sonora.
• 04Narração opcional, com a sincronização das palavras verificada pelo faster-whisper.
• 05Capturas de tela reais do produto obtidas de uma URL e animadas em um estilo.
• 06Exportação em formatos vertical, quadrado, 4:5 e widescreen a partir de uma única peça.

Casos de uso

• Criar um vídeo explicativo curto sobre um conceito técnico, como uma estrutura de dados ou um protocolo de rede.
• Produzir uma linha do tempo histórica ou uma animação de conto curto em um estilo visual escolhido.
• Criar um vídeo vertical ou quadrado de lançamento de produto usando capturas de tela e música do próprio produto.
• Gerar conteúdo animado em código sem desenhar os quadros à mão nem usar um editor de vídeo.

Início rápido

1. 1

   Instale o Playwright e o Chromium

   npm i -g playwright && npx playwright install chromium
2. 2

   Adicione o marketplace de plugins no Claude Code

   /plugin marketplace add cth9191/animate
3. 3

   Instale o plugin animate no Claude Code

   /plugin install animate@animate
4. 4

   Peça uma animação ao Claude Code

   /animate a 45-second history of the bicycle, cut paper

Antes de usar

• !Requer Claude Code, Node 18 ou superior, Playwright com Chromium e ffmpeg disponível no PATH.
• !As narrações exigem Python com faster-whisper; o conector do ElevenLabs para voz é opcional.
• !O estilo de motion design com WebGL está listado como em breve e ainda não está disponível.

Tópicos

Perguntas frequentes

O que é animate?

Uma skill do Claude Code que transforma um prompt em uma animação procedural curta em canvas e a renderiza em MP4 com um navegador headless e ffmpeg. Animate é uma skill do Claude Code para criar vídeos explicativos curtos, histórias e pequenos contos inteiramente em código. Cada peça consiste em um único canvas HTML autocontido, desenhado e sonorizado proceduralmente, para que os quadros sejam determinísticos e possam ser renderizados em MP4 com Playwright e ffmpeg.

animate é gratuito? Qual é a licença?

animate é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.

animate ainda é mantido?

Manutenção ativa. O último commit de animate foi em 5 de out. de 2026.

Para que posso usar animate?

Criar um vídeo explicativo curto sobre um conceito técnico, como uma estrutura de dados ou um protocolo de rede. Produzir uma linha do tempo histórica ou uma animação de conto curto em um estilo visual escolhido. Criar um vídeo vertical ou quadrado de lançamento de produto usando capturas de tela e música do próprio produto. Gerar conteúdo animado em código sem desenhar os quadros à mão nem usar um editor de vídeo.

Como instalar animate?

Instale o Playwright e o Chromium: npm i -g playwright && npx playwright install chromium Adicione o marketplace de plugins no Claude Code: /plugin marketplace add cth9191/animate Instale o plugin animate no Claude Code: /plugin install animate@animate Peça uma animação ao Claude Code: /animate a 45-second history of the bicycle, cut paper

Onde consigo animate?

O código-fonte e as instruções de instalação estão no GitHub: https://github.com/cth9191/animate