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.

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
Leia também

6 documentos para escrever antes de pedir um app para a IA
Planejar por escrito antes de gerar código é recomendado pela documentação do Claude Code, pelo GitHub Spec Kit e por guias do Lovable, do v0 e do Cursor. Este guia mostra uma lista de 6 documentos, o esqueleto de cada um e como usá-los com um agente de código.

Como conectar o Claude ao editor da Invideo para editar vídeos
A Invideo oferece um conector oficial para o Claude, que edita vídeos numa linha do tempo que você pode acompanhar e ajustar à mão. Veja como conectar, o que ele faz de verdade e onde estão os limites.

Como o Claude cria um dashboard 3D com os dados do seu negócio
O Claude cria páginas interativas chamadas artefatos, e um artefato pode buscar dados de conectores como o da Shopify. A cena 3D com Three.js é possível na prática, mas a documentação oficial não promete esse resultado, então este tutorial mostra o caminho confirmado e os cuidados com dados de clientes.