Motion Reel: como criar vídeos em código

Motion Reel é uma skill para Claude Code voltada à criação de motion graphics e vídeos curtos. Ela transforma uma interface, uma URL ou um produto em uma sequência visual com ritmo, transições, texto e trilha. O resultado é útil para demonstrações de produto, lançamentos e conteúdo social.

Uma correção importante: apesar de muita gente procurar por “MCP Motion Reel”, o projeto principal é uma skill do Claude Code. MCP é outro formato: um protocolo para conectar ferramentas e fontes de dados a um assistente.

Como funciona o fluxo

A skill começa entendendo a ideia do vídeo. Depois, ela pode analisar a página, pedir imagens ou capturas de tela, definir um guia de estilo e propor uma lista de cenas. A revisão dessa lista é o melhor momento para corrigir mensagem, duração e ordem. Só depois vem a renderização.

Defina o objetivo: demonstrar uma função, apresentar uma marca ou explicar um processo.
Separe os materiais: URL do produto, logo, imagens, textos curtos e cores da marca.
Peça uma proposta de cenas e revise antes de renderizar.
Assista ao primeiro corte e ajuste o que ficou rápido, confuso ou fora do tom.

Pré-requisitos

O repositório informa Node.js 22 ou mais recente, FFmpeg, Python e um navegador Chromium instalado pelo Playwright. Tenha esses itens prontos antes da instalação para evitar falhas no momento de gerar o vídeo.

Instalação

No terminal, clone o repositório e execute o instalador:

git clone https://github.com/statiiiix/motion-graphic.git
cd motion-graphic
sh install.sh

Há também uma instalação pelo marketplace de plugins do Claude Code:

/plugin marketplace add statiiiix/motion-graphic
/plugin install motion-reel@motion-graphic

Como pedir um vídeo melhor

Comece com uma frase concreta: “crie um vídeo de 20 segundos mostrando como uma pessoa encontra e envia um pedido de orçamento”. Diga para quem é o vídeo, onde ele será publicado, o formato desejado e qual ação a pessoa deve entender. Evite colocar muitas funções na mesma peça.

Cuidados práticos

Confirme que você pode usar imagens, logos, músicas e depoimentos antes de renderizar.
Leia textos pequenos em um celular: um vídeo pode ficar bonito no computador e ilegível no feed.
Trate o primeiro vídeo como um rascunho. Revise narrativa e clareza antes de publicar.
Use o código e os arquivos gerados como material de trabalho; não publique dados internos ou capturas que tenham informações sensíveis.

Onde buscar a documentação