remotion-dev/skills
“Vídeo é React, mas com regras que o modelo não sabe.”
Time por trás do Remotion, a biblioteca que renderiza vídeo a partir de componentes React.
- 12
- skills
- 5.001
- linhas
- 12
- automáticas
- MIT
- licença
O ensaio
É o único pacote do catálogo publicado pelos próprios mantenedores de uma biblioteca, e isso muda a natureza dele: não é opinião sobre gosto, é documentação executável. Um agente que nunca viu Remotion escreve código React que parece certo e falha na renderização, porque vídeo tem regras que a web não tem — o frame é determinístico, nada pode depender de tempo de parede, toda animação é função do frame atual. As doze skills cobrem isso por área (criação, markup, legendas, mídia, mapas, renderização, deploy em SaaS) e são coordenadas por uma roteadora que carrega só a relevante. Fora de um projeto Remotion, não serve para nada. Dentro, é a diferença entre um vídeo que renderiza e uma pilha de erros.
Instalar
CLI skills
No terminal, de qualquer diretório.
npx skills add remotion-dev/skills
Único pacote do catálogo amarrado a uma biblioteca específica. Fora de um projeto Remotion, é peso morto.
→O que essa instalação faz na sua máquinaFechar
Como o método funciona
O gerenciador da Vercel Labs. Usa o GitHub como registro, copia para ~/.agents/skills e cria symlink para cada agente instalado na máquina.
Precisa ter
- Node 18+
- Um projeto Remotion para as skills fazerem sentido
Onde cai no disco
~/.agents/skills/ + symlink em ~/.claude/skills/
Outras formas
- Sem `-g`, a CLI instala em ./.agents/skills do projeto atual — que é o modo certo aqui, já que as skills só valem dentro de um projeto Remotion.
Sair
npx skills remove remotion-dev/skillsAs 12 skills
A roteadora do Remotion
Decide qual das outras onze skills carregar para a tarefa em questão.
As regras que o modelo não sabe
Conteúdo, animação e efeitos — a skill densa do pacote.
Legenda que anima
Transcrever, exibir e animar legendas.
Começar um vídeo
Cria um projeto Remotion novo, já com a estrutura certa.
Consultar a fonte
Busca na documentação oficial do Remotion.
Vídeo que responde
Estrutura markup de Remotion para interatividade.
Mapa que se move
Conhecimento específico de animação de mapas no Remotion.
Mexer em mídia
Interação com o Mediabunny para manipulação de áudio e vídeo.
Exportar
Renderiza a composição para arquivo de vídeo.
Vídeo como produto
Construir uma aplicação em cima do Remotion.
Ver antes de renderizar
Sobe o preview do Remotion Studio.
Subir de versão
Atualiza o Remotion e os pacotes relacionados.
Outros pacotes