Uma skill para Codex e Claude Code que transforma um tema, artigo ou história em um vídeo explicativo narrado e desenhado à mão, com traços feitos um a um e escrita chinesa.
- Estrelas
- 598
- Forks
- 38
- Issues abertas
- 0
- Último commit
- há 6 horas
O que é?
explainroo cria vídeos explicativos a partir de um roteiro. Um agente de programação escreve um arquivo script.md com a narração e um arquivo scenes.js com desenhos em canvas que aparecem em palavras específicas. Em seguida, a ferramenta gera a voz com Kokoro, sincroniza as palavras com o Whisper, renderiza os quadros no Chrome headless e monta um MP4 com ffmpeg.
O pipeline roda localmente, sem exigir conta nem chave de API para usar a voz padrão. Há suporte à narração em inglês, espanhol, francês, italiano, português brasileiro, hindi, japonês e chinês mandarim. Também é possível usar vozes do ElevenLabs ou uma narração gravada pelo próprio usuário. Cada renderização também pode gerar arquivos de legenda, uma imagem de capa, capítulos para o YouTube, um GIF ou um MOV com transparência.
O projeto também atende à criação de demonstrações de produto: o agente recria as telas de um app a partir do código ou do site, e um ponteiro clica e navega por elas. O projeto inclui seis estilos visuais prontos e várias proporções de tela para YouTube, Shorts, TikTok, Instagram e LinkedIn.
Recursos principais
- 01Gera narrações com o modelo de voz local Kokoro, com 54 vozes e sem chave de API.
- 02Sincroniza cada palavra falada com o Whisper para que os desenhos apareçam nas palavras certas.
- 03Renderiza cenas em estilo desenhado à mão com Rough.js e 1.800 ícones do Lucide.
- 04Gera MP4, GIF, MOV com transparência, arquivos de legenda e uma imagem de capa.
- 05Oferece seis estilos visuais prontos e várias proporções de tela para diferentes plataformas.
- 06Cria demonstrações de produto recriando telas de apps com um ponteiro que clica.
Casos de uso
- Criar um vídeo explicativo curto sobre um tema técnico diretamente a partir de uma sessão com um agente de programação.
- Produzir vídeos de demonstração de um app web sem gravar a tela.
- Gerar vídeos verticais com legendas para TikTok, Reels ou Shorts.
- Criar diagramas narrados com fundo transparente para sobrepor em um editor de vídeo.
Tópicos
Perguntas frequentes
- O que é explainroo?
- Transforma um roteiro escrito em um vídeo explicativo ou demonstração de produto narrados, com voz local, sincronização por palavra e renderização em canvas, tudo comandado por um agente de programação. explainroo cria vídeos explicativos a partir de um roteiro. Um agente de programação escreve um arquivo script.md com a narração e um arquivo scenes.js com desenhos em canvas que aparecem em palavras específicas. Em seguida, a ferramenta gera a voz com Kokoro, sincroniza as palavras com o Whisper, renderiza os quadros no Chrome headless e monta um MP4 com ffmpeg.
- explainroo é gratuito? Qual é a licença?
- explainroo é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- explainroo ainda é mantido?
- Manutenção ativa. O último commit de explainroo foi em 19 de out. de 2026.
- Para que posso usar explainroo?
- Criar um vídeo explicativo curto sobre um tema técnico diretamente a partir de uma sessão com um agente de programação. Produzir vídeos de demonstração de um app web sem gravar a tela. Gerar vídeos verticais com legendas para TikTok, Reels ou Shorts. Criar diagramas narrados com fundo transparente para sobrepor em um editor de vídeo.
- Onde consigo explainroo?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/vincentsch/explainroo
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Uma skill do Claude Code para dirigir curtas em 51 estilos, criados inteiramente com código e sem modelos de geração de vídeo.
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.
Uma skill do Claude Code que transforma a URL de um site em um vídeo de lançamento de produto a 60 fps, feito em HTML, com efeitos sonoros sincronizados à música e desfoque de movimento.
Uma skill do Claude Code que transforma um tema curto em um vídeo de motion graphics sincronizado com a batida e renderizado em MP4 com HyperFrames.
Uma Agent Skill e um servidor MCP com 42 ferramentas locais de edição de vídeo e áudio com FFmpeg para agentes de programação como Claude Code, Cursor e Codex.