Faça o Claude Code criar animações limpas, sem resultado genérico

01Pra que serve

Criar animações pra vídeo, vídeo curto, infográfico e apresentação com um ponto de partida testado.
Consultar a ficha de cada efeito: o que ele faz, quando usar, quando evitar, ajustes recomendados, exemplos e prompts prontos.
Usar 11 receitas que juntam vários efeitos em sequência, como gancho de vídeo curto, antes e depois, história com dados e demonstração de produto.
Receber o resultado em três arquivos: vídeo (clip.mp4), GIF de prévia (preview.gif) e imagem de capa (poster.jpg).
Ver e comparar até quatro clipes no site, inclusive em câmera lenta, antes de escolher.

02O que você precisa

Claude Code ou Codex
Git, o programa que baixa a pasta do GitHub
Só pra gerar vídeo no seu computador: Node.js 20 ou mais novo, ffmpeg (programa que monta o vídeo) e Playwright com Chromium (um navegador que grava a animação)
Pra só olhar o site, ler as fichas e usar a skill, não precisa instalar esses programas de vídeo

03Passo a passo

Abra o site, assista aos clipes e anote os efeitos de que gostou. Essa parte não precisa de instalação.
```
https://gongnyang.github.io/awesome-ai-motion/
```
Abra o terminal, a tela onde você digita comandos, e baixe a biblioteca. No Windows, pule pro prompt "Instalar no Windows" lá embaixo, porque os comandos oficiais são pra Mac e Linux.
```
git clone https://github.com/gongnyang/awesome-ai-motion.git
cd awesome-ai-motion
```
Ligue a pasta nas skills do Claude Code. Skill é um pacote de instruções que o Claude consulta. No Codex é igual, trocando o destino por ~/.codex/skills/.
```
mkdir -p ~/.claude/skills
ln -s "$PWD" ~/.claude/skills/awesome-ai-motion
```
Vai gerar vídeo no seu computador? Instale o que falta. Se já tiver o Playwright ou o Chromium, pode pular a linha correspondente. A última linha só confere se o ffmpeg está funcionando.
```
npm install
npx playwright install chromium
ffmpeg -version
```
Faça o primeiro teste. Depois abra a pasta .staging/my-first-motion e veja o clip.mp4, o preview.gif ou o poster.jpg.
```
node scripts/render.mjs effects/mask-reveal \
  --embed --text "Make it move" --out .staging/my-first-motion
```
Pronto. Abra o Claude Code e peça em português, como nos prompts abaixo. O guia oficial não indica nenhum comando especial pra chamar a skill: basta pedir que ele use a awesome-ai-motion.

04Prompts prontos pra colar no Claude Code

Instalar no WindowsUse no lugar dos passos 2 e 3 se o seu computador for Windows

Estou no Windows e quero instalar a biblioteca https://github.com/gongnyang/awesome-ai-motion.git como skill do Claude Code.
As instruções oficiais são pra Mac e Linux, então adapte os comandos.
Baixe a biblioteca e copie a pasta inteira pra .claude/skills/awesome-ai-motion, dentro da minha pasta de usuário.
Antes de executar, me mostre em português o que vai fazer. No fim, confira se a pasta ficou no lugar certo.

Escolher o efeito certoQuando você sabe o que quer mostrar, mas não sabe qual efeito usar

Use a skill awesome-ai-motion pra escolher a animação de [O QUE VOU MOSTRAR, ex.: o lançamento do meu produto].
O material é um [VÍDEO, INFOGRÁFICO OU APRESENTAÇÃO] pra [PÚBLICO].
Me sugira 3 efeitos que já tenham clipe pronto e explique em uma frase por que cada um combina.
Depois que eu escolher, leia a ficha do efeito e use os ajustes padrão dela.
Responda em português.

Gancho de vídeo curtoPra prender a atenção nos primeiros segundos de um Reels ou Shorts

Use a skill awesome-ai-motion e monte a receita shorts-hook pra abrir meu vídeo sobre [ASSUNTO].
Leia a ficha de cada efeito da receita e use os ajustes padrão.
Frase na tela: "[FRASE DO GANCHO]".
Número em destaque: [NÚMERO].
Formato vertical. Salve em .staging/[NOME DO PROJETO], sem mexer nos exemplos originais, e me entregue clip.mp4, preview.gif e poster.jpg.
Responda em português.

Dados que contam uma históriaPra infográfico ou slide com números que você já tem

Use a skill awesome-ai-motion e monte a receita data-story com estes dados: [COLE SEUS NÚMEROS].
A mensagem principal é: [O QUE O PÚBLICO PRECISA ENTENDER].
Leia a ficha de cada efeito e use os ajustes padrão.
Toda a escrita na tela deve ficar em português e os números não podem ser alterados.
Salve em .staging/[NOME DO PROJETO] e me entregue clip.mp4, preview.gif e poster.jpg.

05Antes de usar

Nem toda técnica vem com vídeo pronto: são 637 técnicas e 128 clipes de referência. As outras têm só a ficha, então o Claude precisa criar a animação a partir dela.
As instruções oficiais não falam de Windows. Os comandos são pra Mac e Linux, então, no Windows, confira o que o Claude Code vai fazer antes de aprovar.
O repositório não informa custo. A biblioteca é aberta, mas o uso do Claude Code ou do Codex segue as regras do plano que você tem.
Sempre use uma pasta própria pra salvar, como .staging/. Gerar um efeito sem indicar a pasta de saída sobrescreve os arquivos do exemplo original.
Parte do material está em coreano, como os guias por tipo de conteúdo (redes, vídeo, apresentação). Peça sempre a resposta em português.
O material original usa a licença MIT, que é bem livre. A biblioteca de animação GSAP e as fontes incluídas têm licenças próprias, e as fontes citadas nas fichas variam. O repositório não fala diretamente de uso comercial dos vídeos gerados, então confira as licenças antes de usar em cliente ou redistribuir arquivos.
Se você copiou a pasta em vez de ligar, ela não recebe as novidades sozinha: precisa atualizar a cópia quando a biblioteca mudar.

Resumindo: baixe a biblioteca, ligue nas skills do Claude Code e peça o efeito em português. Você sai com vídeo, GIF de prévia e imagem de capa.

Seguir @alvim_ai Repositório oficial no GitHub

Todos os guias e prompts do Alvim