Pular pro conteúdo

Remotion Best Practices skill

O Claude monta o vídeo em código com Remotion, abre a prévia no navegador pra você acompanhar e só exporta o MP4 quando você pede.

por RemotionPublicada pela própria empresa

instalações
682,9 mil
estrelas no GitHub
5.703
No skills.sh desde
janeiro de 2026
Licença
Sem licença declarada

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

O que ela faz

É a skill de entrada do Remotion, a ferramenta que faz vídeo com React. Ela funciona como um índice: conforme o pedido, o Claude carrega o guia certo, seja pra criar projeto ou vídeo novo, escrever o código das cenas, fazer mapas e rotas animadas, pôr legenda, cortar e ler dados de vídeos ou montar um app que gera vídeo.

Quando você pede um vídeo, o Claude não renderiza de cara. Assim que o projeto roda, ele abre o Remotion Studio no navegador com npx remotion studio e trabalha com a prévia aberta, pra você ver o vídeo tomando forma e dar direção. O MP4 só sai quando você pede com todas as letras: exportar ou renderizar.

Ela também manda respeitar o que você mexeu no código por fora da conversa: mudança inesperada é tratada como intencional e não é sobrescrita, ou o Claude pergunta antes. Pra consultar a documentação atual do Remotion e atualizar os pacotes e as próprias skills, há guias separados dentro dela.

Nas palavras de quem fez

Router for all Remotion skills…

Remotion, no SKILL.md

Quando usar

  • Fazer um vídeo de anúncio ou de lançamento com texto e animação
  • Criar um vídeo com uma rota animada no mapa
  • Pôr legenda num vídeo
  • Montar uma automação ou um app que gera vídeo
  • Atualizar o Remotion de um projeto que já existe

Depois de instalar, é só pedir assim

  • Faz um vídeo de 15 segundos anunciando a promoção da minha loja, com o logo e o preço aparecendo
  • Cria um vídeo com a rota de São Paulo ao Rio animada no mapa
  • Agora renderiza esse vídeo em MP4

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 HubAlerta
  • SocketPassou
  • SnykPassou

Perguntas

Como instalar a Remotion Best Practices 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 Best Practices, 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-best-practices precisa pra funcionar?

Do Node.js no computador, porque o Remotion roda com npx. Vídeo comum não pede chave de API. Mapas com Mapbox ou MapTiler e render na nuvem, como Lambda ou Vercel, podem pedir conta nesses serviços. E o Remotion é grátis pra pessoa física e empresa de até 3 pessoas; empresa maior paga licença.

Roda no Codex e no Antigravity?

Roda. O próprio Remotion diz que as skills servem pra Claude Code, Codex, Cursor e outros agentes. Ela tem instrução pra cada caso: em agente com navegador embutido, a prévia abre por lá; sem isso, o Studio abre no seu navegador.

Ela edita um vídeo gravado, como um editor comum?

Não é a proposta. O vídeo é escrito em código React e montado pelo Remotion. Dá pra cortar, recortar e ler dados de vídeos dentro do projeto, mas ela não substitui um editor de linha do tempo pra editar gravação longa.

Levar essa skill

1x remotion-best-practicesR$ 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/remotion-dev/skills

Aprenda a usar

Mais da loja Remotion

Ver a loja Remotion