10 skills que ensinam o Claude Code a criar vídeo animado
testadas e organizadas por onde cada uma ajuda: motion design de verdade, produção completa de vídeo, ou ponto de partida rápido. link direto pra cada repositório.
Remotion Skill oficial
a base de tudo. ensina o Claude Code a usar useCurrentFrame, interpolate e spring do jeito certo, sem inventar padrão de animação web que quebra na renderização.
remotion-ad-video-skill
passa uma URL e o agente monta o projeto de vídeo de anúncio completo: lê a página, escreve o roteiro, define as cenas e anima no Remotion. sem IA de geração de vídeo envolvida.
remotion-video-creation
29 regras de domínio cobrindo 3D, áudio, charts e composições. boa opção quando o vídeo precisa carregar dado ou gráfico.
Claude-Code-Video-Toolkit
vai além do Remotion: cobre gravação de tela, corte de clipe do YouTube, legenda automática e pós-produção com FFmpeg no mesmo fluxo.
claude-remotion-kickstart
starter kit pronto com componentes de título, código e legenda, timing sincronizado por transcrição e estilização em Tailwind.
remotion-transitions
nicho e específico: transição de cena via TransitionPresentation, com matemática de easing e configs de spring prontas pra usar.
remotion-video-skill
foco em vídeo narrado: integra TTS gratuito e clonagem de voz direto no fluxo, útil pra quem faz tutorial ou explicativo em série.
Motion (Framer Motion)
a biblioteca de animação React mais usada em produção, empacotada como skill. mais de 35 gotchas documentados, útil se o conteúdo migrar pra web interativo.
frontend-design
não é motion puro, mas elimina o visual genérico de IA e força pensamento de design intencional. bom pra gerar capa e thumb via código.
core-3d-animation bundle
pacote com Three.js, GSAP, React Three Fiber e Babylon.js. overkill hoje, relevante se o conteúdo evoluir pra visualização 3D de dado on-chain.