howseen-ai/claude-motion-design

O que é?

Recursos principais

• 01Renderiza cada frame a partir de uma função seek(t), garantindo uma saída reproduzível.
• 02Usa capturas de tela do Playwright e codificação com ffmpeg, com motion blur entre subframes.
• 03Alinha os cortes de cena e os efeitos sonoros a um mapa de batidas detectado e aos picos do áudio.
• 04Inclui um modo de recriação com frames travados para reproduzir um vídeo existente.
• 05Disponibiliza scripts para buscar músicas, SFX, logos e fontes gratuitos.

Casos de uso

• Produzir vídeos de lançamento ou anúncio de produtos sem usar um editor de vídeo.
• Gerar loops para redes sociais sincronizados às batidas, a partir de cenas em HTML.
• Iterar em um vídeo fazendo alterações no código em vez de editar uma timeline.
• Recriar uma peça de motion de referência para outra marca.

Início rápido

1. 1

   Copie a skill para o Claude Code

   mkdir -p ~/.claude/skills && cp -r skill/motion-design ~/.claude/skills/
2. 2

   Instale as dependências do Python e o Chromium

   pip install playwright imageio-ffmpeg numpy pillow && python -m playwright install chromium
3. 3

   No Claude Code, peça a criação de um vídeo ou digite /motion-design

Antes de usar

• !Para usar a skill, é necessário ter o Claude Code configurado; além disso, o Chromium e o ffmpeg são necessários para renderizar.
• !A música e os efeitos sonoros são baixados de fontes de terceiros sob suas próprias licenças e, por isso, não são redistribuídos.

Tópicos

Perguntas frequentes

O que é claude-motion-design?

Uma skill do Claude Code que cria vídeos de motion design com HTML, Playwright e ffmpeg, sem precisar de licença do After Effects ou do Remotion. claude-motion-design é uma skill do Claude Code para criar vídeos de motion design inteiramente com código. Cada frame é calculado a partir do tempo por meio de uma única função seek(t), renderizado com Playwright, recebe motion blur entre subframes e é codificado com ffmpeg. O projeto atende a desenvolvedores que querem uma saída de vídeo determinística e editável, sem editores pagos ou engines de renderização licenciadas.

claude-motion-design é gratuito? Qual é a licença?

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

claude-motion-design ainda é mantido?

Manutenção ativa. O último commit de claude-motion-design foi em 4 de out. de 2026.

Para que posso usar claude-motion-design?

Produzir vídeos de lançamento ou anúncio de produtos sem usar um editor de vídeo. Gerar loops para redes sociais sincronizados às batidas, a partir de cenas em HTML. Iterar em um vídeo fazendo alterações no código em vez de editar uma timeline. Recriar uma peça de motion de referência para outra marca.

Como instalar claude-motion-design?

Copie a skill para o Claude Code: mkdir -p ~/.claude/skills && cp -r skill/motion-design ~/.claude/skills/ Instale as dependências do Python e o Chromium: pip install playwright imageio-ffmpeg numpy pillow && python -m playwright install chromium No Claude Code, peça a criação de um vídeo ou digite /motion-design

Onde consigo claude-motion-design?

O código-fonte e as instruções de instalação estão no GitHub: https://github.com/howseen-ai/claude-motion-design