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.
Lob0Garou/opus-visual-motion-engine
Uma skill para agentes que oferece a modelos de programação um pipeline com etapas de controle para motion graphics e vídeos renderizados por código: planejar, renderizar, fazer QA automatizado e exportar MP4.
- Estrelas
- 3
- Forks
- 0
- Issues abertas
- 0
- Último commit
- há 26 dias
O que é?
opus-visual-motion-engine é uma skill para agentes que produz motion graphics, vídeos renderizados por código, tipografia cinética, landing pages e diagramas. Ela conduz um modelo de programação por uma sequência fixa: criar um plano com momentos-chave e uma linha do tempo, montar a partir de um template HTML de 1920×1080 que expõe o contrato seek(t) e DURATION, renderizar em modo headless, executar QA automatizado, corrigir problemas e exportar para MP4, WebM ou GIF com ffmpeg.
O script de QA renderiza cada quadro e verifica se há quadros congelados ou vazios, resultados não determinísticos, sobreposição de texto, contraste e tamanho mínimo das fontes, além de padrões comuns de design gerado por IA. Ele cria uma folha de contato, quadros-chave e um report.json com a cobertura de tinta por quadro, para que um modelo sem entrada de imagem ainda consiga avaliar o resultado. O modo de página também verifica layouts para desktop, dispositivos móveis e esquema escuro.
O repositório também inclui um script de trilha sonora que gera música de fundo e efeitos sonoros determinísticos a partir de uma folha de marcações, além de um script de dados de áudio que extrai dados de batidas, ataques e intensidade sonora para sincronizar o movimento com o som.
Recursos principais
- 01Pipeline do planejamento à exportação, com um template reutilizável de composição HTML em 1920×1080.
- 02Contrato determinístico de temporização seek(t), com gerador de números aleatórios com seed e funções de easing.
- 03QA de renderização headless que sinaliza quadros congelados, sobreposição de texto, baixo contraste e lacunas entre cenas.
- 04Exporta MP4, WebM ou GIF com precisão de quadro usando ffmpeg, com áudio opcional.
- 05Gera música original e efeitos sonoros a partir de uma folha de marcações e extrai dados de batidas para sincronizar o movimento com o áudio.
Casos de uso
- Produzir motion graphics curtos ou showreels com um agente de programação.
- Criar vídeos renderizados por código ou tipografia cinética sem usar um editor manualmente.
- Verificar defeitos de layout e temporização em uma animação gerada por um agente sem precisar ver os quadros.
- Criar landing pages ou diagramas com transições animadas verificadas por checagens automatizadas.
Início rápido
- 1
Clone o repositório para a pasta skills do seu harness
git clone https://github.com/Lob0Garou/opus-visual-motion-engine ~/.dsh/skills/opus-visual-motion-engine - 2
Instale as dependências do script e o navegador Chromium
cd ~/.dsh/skills/opus-visual-motion-engine/scripts && npm install && npx playwright install chromium - 3
Inicie uma nova sessão e peça ao agente para usar a skill; depois, execute a verificação de QA da composição gerada
node scripts/qa.mjs composition.html
Antes de usar
- É uma skill de agente para modelos de programação, então precisa de um harness de agente compatível para ser útil.
- A exportação requer ffmpeg no PATH e Node 18 ou mais recente.
- O único benchmark tem uma execução por braço, portanto os ganhos relatados não foram comprovados estatisticamente.
- O projeto é novo e tem apenas 3 estrelas.
Tópicos
Perguntas frequentes
- O que é opus-visual-motion-engine?
- Uma skill para agentes que oferece a modelos de programação um pipeline com etapas de controle para motion graphics e vídeos renderizados por código: planejar, renderizar, fazer QA automatizado e exportar MP4. opus-visual-motion-engine é uma skill para agentes que produz motion graphics, vídeos renderizados por código, tipografia cinética, landing pages e diagramas. Ela conduz um modelo de programação por uma sequência fixa: criar um plano com momentos-chave e uma linha do tempo, montar a partir de um template HTML de 1920×1080 que expõe o contrato seek(t) e DURATION, renderizar em modo headless, executar QA automatizado, corrigir problemas e exportar para MP4, WebM ou GIF com ffmpeg.
- opus-visual-motion-engine é gratuito? Qual é a licença?
- opus-visual-motion-engine é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- opus-visual-motion-engine ainda é mantido?
- Manutenção ativa. O último commit de opus-visual-motion-engine foi em 26 de set. de 2026.
- Para que posso usar opus-visual-motion-engine?
- Produzir motion graphics curtos ou showreels com um agente de programação. Criar vídeos renderizados por código ou tipografia cinética sem usar um editor manualmente. Verificar defeitos de layout e temporização em uma animação gerada por um agente sem precisar ver os quadros. Criar landing pages ou diagramas com transições animadas verificadas por checagens automatizadas.
- Como instalar opus-visual-motion-engine?
- Clone o repositório para a pasta skills do seu harness: git clone https://github.com/Lob0Garou/opus-visual-motion-engine ~/.dsh/skills/opus-visual-motion-engine Instale as dependências do script e o navegador Chromium: cd ~/.dsh/skills/opus-visual-motion-engine/scripts && npm install && npx playwright install chromium Inicie uma nova sessão e peça ao agente para usar a skill; depois, execute a verificação de QA da composição gerada: node scripts/qa.mjs composition.html
- Onde consigo opus-visual-motion-engine?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/Lob0Garou/opus-visual-motion-engine
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
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.
Uma skill de agente para Claude Code e Codex que transforma a interface real do seu app em vídeos de lançamento curtos, sincronizados com a música e renderizados localmente.
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 skill para agentes do Claude Code e Codex que orienta a criação de vídeos de motion graphics de 30 a 90 segundos, com etapas e critérios de qualidade.
Conjunto de quatro Agent Skills que ensinam agentes de programação com IA a criar motion graphics no estilo de transmissões televisivas com Remotion.