Pular para o conteúdo
valents

Motionmaxxing: skill que melhora vídeo de IA com motion design

Uma skill de código aberto para o Claude Code que planeja, anima e confere vídeos de motion graphics a partir de HTML.

Por Breno Valente· 4 min de leitura
Motionmaxxing: skill que melhora vídeo de IA com motion design
Imagem: GitHub (Tejas Makwana)

Motionmaxxing é uma skill de agente (pasta com um arquivo SKILL.md) que captura a marca de um site, cria um conceito visual e renderiza o filme localmente, checando o resultado com scripts. O repositório está sob licença Apache-2.0, se descreve como versão inicial e exige Node 22+, Python 3, ffmpeg e Google Chrome.

Motionmaxxing é uma skill de agente criada por Tejas Makwana. Ela serve para fazer vídeos curtos de motion graphics: filmes de lançamento, promos de produto, vinhvetas de marca e peças de tipografia em movimento. A ideia é evitar o visual genérico de vídeo feito por IA, aquele que parece uma apresentação de slides com transições simples.

Na prática, a skill é um conjunto de instruções e scripts que o agente segue em etapas. Ela captura as cores, as fontes, o logo e os textos de um site, escolhe uma ideia que combine com aquela marca, monta o cenário visual e anima com tempos medidos em 53 momentos de motion design profissional, segundo o repositório. O filme é renderizado no seu computador a partir de HTML simples, com a biblioteca de animação GSAP.

Um ponto que o post do Instagram destaca é real: depois de renderizar, a skill roda scripts que olham os quadros do vídeo. O look.py confere se o vídeo existe, se há quadros vazios e se a tela final fica parada tempo demais. O lint.mjs procura padrões que o autor considera preguiçosos, como rótulos nos cantos, contadores e barras de progresso. Dois critérios (leitura da prova e um herói por quadro) ainda são julgados a olho, e o próprio repositório diz isso.

O que você precisa antes: Node 22 ou mais novo, Python 3, ffmpeg e Google Chrome. Opcionalmente, uma chave da ElevenLabs (variável ELEVENLABS_API_KEY) para voz, efeitos sonoros e música, e o Codex CLI com geração de imagem para criar texturas de fundo. O HyperFrames não é obrigatório: o README não o lista como requisito e o script de checagem apenas detecta se ele já está instalado. Sem chave da ElevenLabs, o filme sai sem voz e sem música.

Para instalar no Claude Code, clone o repositório direto na pasta de skills e rode o instalador: git clone https://github.com/Tejashmakwana/motionmaxxing ~/.claude/skills/motionmaxxing e depois bash ~/.claude/skills/motionmaxxing/install.sh. O instalador só confere os requisitos e não instala nada no sistema; se algo faltar, ele avisa e não altera nada. Para checar sua máquina a qualquer momento, use bash scripts/providers.sh dentro da pasta.

Como skills funcionam, segundo a documentação do Claude Code: uma skill é uma pasta com um arquivo SKILL.md, guardada em ~/.claude/skills/ (vale para todos os seus projetos) ou em .claude/skills/ dentro de um projeto. O Claude usa a skill quando a descrição combina com o pedido, ou você a chama digitando /nome-da-skill. Aqui, basta digitar /motionmaxxing ou descrever o que quer em linguagem normal.

Para usar, peça algo concreto. Exemplo do próprio README: /motionmaxxing make a 20s launch film for https://example.com. I want to see the idea and the storyboard before you build. Em português funciona do mesmo jeito: informe o site, a duração e peça para ver a ideia e o storyboard antes da construção. Também dá para pedir uma vinheta de 6 segundos só com uma frase, ou mandar um vídeo seu e pedir que ela classifique como slop, mid ou maxxed e corrija o que falhar. A pasta film/ recebe final.mp4, index.html editável, STORYBOARD.md e NOTE.md.

Custos e limites: a skill em si é grátis, mas ela não é leve. A documentação do Claude Code explica que a descrição de cada skill fica sempre no contexto, e que o texto completo do SKILL.md entra na conversa quando a skill é chamada e permanece nela. O repositório não informa consumo de tokens. Como o fluxo tem várias etapas (captura da marca, ideia, storyboard, renders e revisão), espere uma sessão longa. ElevenLabs e Codex são serviços de terceiros com preços próprios; confira nas páginas oficiais deles.

Cuidados importantes. Primeiro, o repositório se declara uma versão inicial, testada pelo autor em poucos briefings, e as afirmações de qualidade vêm de comparações feitas por ele mesmo, incluindo um teste cego com uma única pessoa avaliando. Segundo, os limites listados: o lint não enxerga texto dentro de canvas ou imagem, renders com WebGL rodam a cerca de 7 a 11 quadros por segundo, a música da ElevenLabs nem sempre acerta o tempo e o normalizador de efeitos pode corromper clipes muito curtos.

Sobre licença: a skill é Apache-2.0, ou seja, código aberto. Mas o pacote inclui a biblioteca GSAP, que usa a GreenSock Standard License e, segundo o próprio repositório, não é código aberto. Se for usar os vídeos ou o código em um produto comercial, leia essa licença. Marcas usadas nas demonstrações pertencem aos donos e as demos são não oficiais. Capturar o site de uma marca para fazer um filme também pede cuidado com o uso de logo e textos de terceiros.

Fontes

Gostou? Receba o resumo da semana

O que você quer receber

Leia também

Ver tudo →