Vídeo que responde
Estrutura markup de Remotion para interatividade.
remotion-interactivity- Peso
- pesado
- 248 linhas · 200–600 linhas
- Gatilho
- o agente chama
- O agente dispara sozinho quando a descrição bate com a tarefa.
- Encaixe
- livre
- Nenhum par documentado.
O que ela faz
Duzentas e quarenta e oito linhas sobre o caso em que a composição não é só renderizada, mas embutida e controlada — player, controles, estado externo.
Quando não usar
Não use para vídeo que só vai ser renderizado em arquivo.
Ficha técnica
- Descrição original
- Structure Remotion markup for interactivity
- Caminho no repo
skills/remotion-interactivity/SKILL.md- SKILL.md
- 248 linhas
- Sub-agentes
- sim
- Versão
- 4.0.524
- Seções
- Make an HTML element interactive using `Interactive` · Prefer inline text · Give interactive elements a descriptive name · Keep all CSS styles inline · Animate using `interpolate()` · Use `scale`, `translate`, `rotate` CSS properties · Keep composition metadata inline · Effects should be inline too · Making your own component interactive · Video editing
Instalar — vem com o pacote inteiro (12 skills)
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/skillsDo mesmo pacote