O que é Bang Motion?
Bang Motion é uma Agent Skill, também empacotada como plugin do Claude Code, que faz um agente de programação criar motion graphics no navegador: openers e promos de produto de 15 a 40 segundos, demos de SaaS, tipografia cinética, bumpers e vídeos explicativos de 30 a 120 segundos em 16:9 ou 9:16. O resultado é um único index.html feito com GSAP e, quando preciso, Three.js, que toca sozinho e em loop; ?debug=1 adiciona uma barra de rolagem, e scripts opcionais capturam quadros-chave ou exportam para MP4.
A skill trabalha com menus em vez de um modelo fixo: 10 direções de estilo, 19 conceitos de opener e seis estilos de explicativo, cada um com seu arquivo inicial. Antes de escrever código, o agente precisa entregar um brief de estilo com três conceitos candidatos, uma recomendação e uma paleta em que cada cor informa sua origem. Uma ponte opcional monta explicativos em desenho animado dentro do After Effects pelo servidor MCP da Higgsfield.
É do Bang Tutorial, um canal indonésio do YouTube, e tem licença MIT. O README está em inglês, mas SKILL.md, o changelog e a maioria dos arquivos de referência estão em indonésio. O repositório foi criado em 5 de setembro de 2026; a versão 1.19.0 saiu em 15 de setembro de 2026 e nada foi mesclado desde então. Tem cerca de 1.365 estrelas e 170 forks.
Bang Motion vale a pena?
Bang Motion ataca a falha mais comum do vídeo feito por agentes, a apresentação com transições de esmaecer, pelo processo e não pelo acabamento. O agente não pode escrever código antes de propor três conceitos de um menu de 19, escolher um, declarar uma impressão digital de estrutura que precisa ser diferente da do projeto anterior e derivar uma paleta da marca. As regras contra slides são escritas para o agente conferir no próprio código: nada de seções que esmaecem, um sujeito ou mundo que permanece, no máximo dois níveis de texto, transições variadas e nenhum texto abaixo de 30 px num palco de 1.080 de largura.
Os requisitos são os mais leves entre as skills de animação que avaliamos. Assistir ao resultado só exige um navegador; Node, puppeteer e ffmpeg são opcionais, para checar quadros e exportar MP4. O motionmaxxing, por outro lado, precisa de Node 22, Python 3, ffmpeg e Chrome antes de começar, e o HyperFrames é um renderizador completo, não uma skill. A troca está na evidência. O motionmaxxing tirou suas curvas de easing de 4.288 movimentos profissionais medidos e pontua os renders com scripts; as regras do Bang Motion são o gosto de um canal, e a verificação é um conjunto de capturas de quadros-chave que o agente deve ler. O Diagram Design, em comparação, resolve o mesmo problema de gosto para figuras estáticas.
O peso está nas instruções. O SKILL.md tem cerca de 39 KB, perto de 10.000 tokens a quatro caracteres por token, e os oito arquivos de referência somam mais uns 184 KB, o maior com 58 KB. Nenhum custo em tokens ou tempo por vídeo é publicado. Como o SKILL.md está em indonésio, o agente lê as regras numa língua e fala com um usuário de língua inglesa em outra; os modelos atuais dão conta, mas fica difícil para quem não lê indonésio auditar as regras.
Duas ressalvas práticas. O index.html entregue carrega GSAP 3.12.5 e Three.js 0.161.0 do jsDelivr e as fontes do Google, então não roda offline e chama servidores de terceiros a cada exibição. E o projeto silenciou rápido: o repositório foi criado em 5 de setembro de 2026 e os três commits do histórico têm data de 15 de setembro, um pull request de um colaborador que adiciona o Remotion como segunda saída está parado sem merge desde 23 de setembro, e o manifesto do plugin ainda promete cinco estilos de explicativo enquanto o README lista seis.
Onde ele se destaca
O fundador de uma start-up de app com três pessoas preparando um post de lançamento
Conseguir uma promo de 20 segundos em 9:16 sem contratar um motion designer
Passe ao agente o logo, algumas capturas de tela e o estilo flat pop com fotos; aprove o brief de estilo, revise com ?debug=1 e exporte o MP4 com export-frames.mjs. O custo é tokens do agente e uma noite de rodadas de ajuste.
Um professor que mantém um canal de ciência
Transformar uma narração em vídeo explicativo animado para crianças
Escolha o estilo colagem de desenho, envie a gravação e deixe o vo-pauses.html encontrar as pausas no navegador para a linha do tempo se ajustar à narração. Não precisa de ffmpeg; as imagens podem vir de qualquer MCP de imagem que o agente consiga chamar.
Uma desenvolvedora frontend cujo agente vive produzindo apresentações animadas
Dar ao agente regras que obriguem uma câmera em movimento e uma cena contínua
Instale o plugin e aponte o agente para o anti-ppt.md, que associa padrões de slide às correções. Comece cada vídeo num chat novo, como o README recomenda, para que decisões anteriores não vazem para o próximo projeto.
Antes de decidir
- Configuração
- No Claude Code, /plugin marketplace add bangtutorial/bang-motion e depois /plugin install bang-motion@bang-motion; para outros agentes, clone o repositório na pasta de skills ou referencie o SKILL.md a partir de AGENTS.md, GEMINI.md ou .cursor/rules. Instale uma única cópia, senão as duas entram em conflito.
- Integrações
- Claude Code, Codex CLI, Gemini CLI e Cursor; GSAP e Three.js do jsDelivr; puppeteer e ffmpeg opcionais para snap.mjs e exportação MP4; qualquer MCP de imagem ou vídeo para recursos; After Effects pela ponte MCP da Higgsfield.
- Dados e privacidade
- Roda localmente e não envia nada por conta própria. A página final baixa GSAP, Three.js e Google Fonts a cada exibição, e o serve.py opcional escuta em 127.0.0.1 na porta 5178. Recursos enviados a um MCP de imagem ou vídeo vão para esse provedor. Licença MIT; o GSAP mantém a própria licença.
- Custo em escala
- Não há plano pago. O custo é tokens do agente, cerca de 10.000 para o SKILL.md antes de carregar qualquer arquivo de referência, mais qualquer geração de imagem ou vídeo; o projeto não publica um número por vídeo.
- Limites
- A reprodução precisa de internet para as CDNs. A verificação é revisão de capturas, não pontuação por script. O caminho do After Effects cobre só explicativos em desenho animado. Sem commits desde 15 de setembro de 2026, com um pull request e uma issue abertos.
O que é bom
- Exige brief de estilo e três conceitos antes de qualquer código
- Regras contra slides que o agente consegue checar na própria saída
- Roda a partir de um index.html só com navegador; exportar MP4 é opcional
- Instala como plugin do Claude Code; passos manuais para Codex, Gemini CLI e Cursor
O que não é
- As regras são gosto, não medição; as checagens são capturas, não scripts
- SKILL.md e referências escritos principalmente em indonésio
- A saída carrega GSAP, Three.js e fontes de CDNs, então não roda offline
- Sem commits desde 15 de setembro de 2026; um pull request de Remotion sem merge
Ideal para
Desenvolvedores e profissionais de marketing que trabalham sozinhos e querem que um agente produza openers e explicativos web variados com pouca configuração, e que sabem julgar a animação no olho.
Alternativas ao Bang Motion
Bang Motion: perguntas frequentes
- Bang Motion vale a pena?
- Bang Motion dá ao agente um menu de visuais e estruturas que impede seus vídeos de parecerem apresentações de slides, mas suas regras são opiniões de um designer e não medições, e o repositório parou em meados de setembro. Damos nota 3.6 de 5.
- Quanto custa Bang Motion?
- Grátis sob licença MIT. Os custos são tokens do agente, mais qualquer MCP de imagem ou vídeo que você decida chamar para os recursos.
- Quais são as desvantagens de Bang Motion?
- As regras são gosto, não medição; as checagens são capturas, não scripts; sKILL.md e referências escritos principalmente em indonésio; a saída carrega GSAP, Three.js e fontes de CDNs, então não roda offline; sem commits desde 15 de setembro de 2026; um pull request de Remotion sem merge.
- Para quem Bang Motion é indicado?
- Desenvolvedores e profissionais de marketing que trabalham sozinhos e querem que um agente produza openers e explicativos web variados com pouca configuração, e que sabem julgar a animação no olho.
- Quanto custa Bang Motion para uma equipe ou em produção?
- Não há plano pago. O custo é tokens do agente, cerca de 10.000 para o SKILL.md antes de carregar qualquer arquivo de referência, mais qualquer geração de imagem ou vídeo; o projeto não publica um número por vídeo.
- Bang Motion é seguro para dados da empresa?
- Roda localmente e não envia nada por conta própria. A página final baixa GSAP, Three.js e Google Fonts a cada exibição, e o serve.py opcional escuta em 127.0.0.1 na porta 5178. Recursos enviados a um MCP de imagem ou vídeo vão para esse provedor. Licença MIT; o GSAP mantém a própria licença.
- Quais são as melhores alternativas ao Bang Motion?
- As alternativas mais próximas que analisamos são motionmaxxing, HyperFrames e OpenDesign.
Respostas verificadas em 7 de nov. de 2026.