Pular pro conteúdo

Remotion Video skill

O Claude monta o vídeo em código, confere quadros soltos antes de renderizar e entrega um MP4 que você gera de novo trocando só os dados.

por iart-ai

instalações
2.600
estrelas no GitHub
161
No skills.sh desde
junho de 2026
Licença
MIT

Atualizada no GitHub em 22 de junho de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

O que ela faz

A skill ensina o Claude a fazer vídeo com o Remotion, que desenha cada quadro como uma tela em React. A animação sai de funções como interpolate e spring, as cenas entram em ordem com Sequence e Series, e o áudio acompanha a batida com tempos detectados antes.

O vídeo vira um modelo com campos editáveis, como título, cor e dados. Do mesmo projeto sai um vídeo por cliente, por produto ou por linha de planilha, pela linha de comando ou pelo @remotion/renderer, e a duração pode se ajustar à quantidade de dados.

Antes de renderizar tudo, o Claude tira imagens do primeiro quadro, do meio e do último e confere texto, números e corte. Só depois gera o MP4, e um GIF se você quiser. Math.random e Date.now ficam proibidos, pro vídeo sair igual toda vez.

Nas palavras de quem fez

This skill should be used when the user asks to "make a video with Remotion", "create a programmatic/data-driven video in React", "render an MP4/GIF from…

iart-ai, no SKILL.md

Quando usar

  • Fazer vinheta, abertura ou cartela de título pros seus vídeos
  • Gerar um vídeo personalizado pra cada cliente a partir de uma planilha
  • Animar um gráfico com números reais pra post ou relatório
  • Fazer um clipe sincronizado com a batida de uma música
  • Montar o GIF de demonstração de um produto

Depois de instalar, é só pedir assim

  • Cria um vídeo vertical de 5 segundos em Remotion com o título Lançamento e a cor da minha marca, e renderiza em MP4
  • Gera um vídeo por linha dessa planilha de clientes, com o nome e o resultado de cada um
  • Faz o texto pulsar no ritmo da música track.mp3 e me mostra os quadros antes de renderizar

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

  • Gen Agent Trust HubPassou
  • SocketPassou
  • SnykPassou

Perguntas

Como instalar a Remotion Video no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Remotion Video, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

O que a remotion-video skill precisa pra funcionar?

Do Node.js e de um projeto Remotion, que roda pelo npx. A renderização acontece no seu computador, sem chave de API. O Remotion é grátis pra pessoa física e pra empresa de até 3 funcionários; empresa maior paga licença. Pra sincronizar com música, a batida é detectada antes com uma ferramenta à parte, como o aubio.

Ela edita um vídeo que eu gravei?

Ela não substitui um editor pra cortar gravação. É a alternativa em código ao After Effects: animação, modelos e vídeos montados a partir de dados. Áudio e imagens entram como peças dentro do vídeo.

Roda no Codex e no Antigravity?

Roda: é código React e comandos de terminal (npx remotion), que qualquer agente que executa comandos consegue usar.

Levar essa skill

1x remotion-videoR$ 0,00

TotalR$ 0,00

A skill sai aqui mesmo, na hora. Seus dados eu uso pra falar com você sobre o MazyOS.

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/iart-ai/motion-design-skills

Aprenda a usar

Mais da loja iart-ai

Ver a loja iart-ai