Uma skill para Claude Code e Codex que transforma páginas de produto em vídeos promocionais cinematográficos com código Remotion, sem usar IA generativa.
haidrrrry/claude-remotion-skill
Skill de agente para Claude, licenciada pelo MIT, que ensina Claude a criar e editar vídeos de motion graphics em código com Remotion.
Alternativa open source a:After Effects
- Estrelas
- 536
- Forks
- 70
- Issues abertas
- 0
- Último commit
- há 2 meses
O que é?
Claude Remotion Skill é uma skill de agente para Claude Code, Claude Desktop e Claude.ai. Depois de instalada, ela orienta Claude a criar vídeos com Remotion, um framework de React e TypeScript para vídeo, em vez de depender de editores de linha do tempo como After Effects ou Premiere. A skill reúne regras de motion design: easing com spring e bezier em vez de interpolação linear, entradas e saídas escalonadas, color grading em camadas com grain e vignette, efeito Ken Burns em imagens estáticas e legendas sincronizadas com as palavras.
O fluxo de trabalho da skill exige que Claude renderize um clipe, extraia frames com ffmpeg, inspecione-os, corrija problemas e renderize novamente antes de entregar. Ela vem como uma pasta de referências em Markdown, com componentes prontos para copiar e colar para reveals, color grading, grain, legendas e transições, além de um template theme.ts para cores, easings e presets de spring.
O repositório também inclui um projeto de exemplo em Remotion com várias composições prontas, como uma peça promocional de perfil e uma edição de código sincronizada com a batida, acompanhada por uma trilha sonora sintetizada.
Recursos principais
- 01Adiciona regras de easing com spring e bezier para evitar movimentos lineares em Claude.
- 02Oferece componentes de Remotion prontos para copiar e colar para reveals, color grading, film grain e efeito Ken Burns.
- 03Dá suporte a legendas sincronizadas com as palavras e animações de texto no estilo lower third.
- 04Exige renderização, extração de frames com ffmpeg e inspeção antes da entrega.
- 05Centraliza cores, easings e presets de spring em um único arquivo theme.ts.
- 06Pode ser instalada para Claude Code por usuário ou por projeto, ou enviada como um arquivo .skill no Claude Desktop.
Casos de uso
- Criar animações curtas de logo, intros de marca e vídeos explicativos de produtos a partir de um prompt de texto.
- Produzir vídeos verticais curtos, como Reels, Shorts ou TikToks, com legendas animadas.
- Melhorar um vídeo em Remotion sem personalidade ou genérico aplicando regras consistentes de motion design.
- Criar vídeos de conteúdo sem apresentador que combinem B-roll, legendas e áudio.
Início rápido
- 1
Clone o repositório
git clone https://github.com/haidrrrry/claude-remotion-skill.git - 2
Crie a pasta de skills do Claude para o seu usuário
mkdir -p ~/.claude/skills - 3
Copie a pasta do skill para o Claude Code
cp -r claude-remotion-skill/remotion-motion-graphics ~/.claude/skills/ - 4
Peça ao Claude para criar uma vinheta curta com o logo para testar o skill
Antes de usar
- É um conjunto de instruções para o Claude, então você precisa do Claude Code, Claude Desktop ou Claude AI com suporte a skills.
- Para usar, é necessária uma assinatura do Claude ou acesso à API, e o Remotion precisa estar configurado para renderizar vídeos.
- A etapa de inspeção de quadros do skill depende do ffmpeg, mas as instruções de instalação não explicam como instalá-lo.
Tópicos
Perguntas frequentes
- O que é claude-remotion-skill?
- Skill de agente para Claude, licenciada pelo MIT, que ensina Claude a criar e editar vídeos de motion graphics em código com Remotion. Claude Remotion Skill é uma skill de agente para Claude Code, Claude Desktop e Claude.ai. Depois de instalada, ela orienta Claude a criar vídeos com Remotion, um framework de React e TypeScript para vídeo, em vez de depender de editores de linha do tempo como After Effects ou Premiere. A skill reúne regras de motion design: easing com spring e bezier em vez de interpolação linear, entradas e saídas escalonadas, color grading em camadas com grain e vignette, efeito Ken Burns em imagens estáticas e legendas sincronizadas com as palavras.
- claude-remotion-skill é gratuito? Qual é a licença?
- claude-remotion-skill é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- claude-remotion-skill ainda é mantido?
- Atualizado nos últimos 6 meses. O último commit de claude-remotion-skill foi em 12 de ago. de 2026.
- Para que posso usar claude-remotion-skill?
- Criar animações curtas de logo, intros de marca e vídeos explicativos de produtos a partir de um prompt de texto. Produzir vídeos verticais curtos, como Reels, Shorts ou TikToks, com legendas animadas. Melhorar um vídeo em Remotion sem personalidade ou genérico aplicando regras consistentes de motion design. Criar vídeos de conteúdo sem apresentador que combinem B-roll, legendas e áudio.
- Como instalar claude-remotion-skill?
- Clone o repositório: git clone https://github.com/haidrrrry/claude-remotion-skill.git Crie a pasta de skills do Claude para o seu usuário: mkdir -p ~/.claude/skills Copie a pasta do skill para o Claude Code: cp -r claude-remotion-skill/remotion-motion-graphics ~/.claude/skills/ Peça ao Claude para criar uma vinheta curta com o logo para testar o skill
- Onde consigo claude-remotion-skill?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/haidrrrry/claude-remotion-skill
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Conjunto de quatro Agent Skills que ensinam agentes de programação com IA a criar motion graphics no estilo de transmissões televisivas com Remotion.
Um kit de ferramentas de vídeo como código que permite a agentes de IA transformar vídeos virais em fluxos de trabalho editáveis e gerar variações.
Um conjunto de Agent Skills que ensina agentes de programação com IA, como Claude Code, Codex e Cursor, a seguir as melhores práticas para criar projetos de vídeo com Remotion.
Uma skill de agente que permite ao Claude Code ou Codex criar vídeos explicativos com narração, sincronização de áudio palavra por palavra e renderização com Remotion.
Coleção de 55 skills instaláveis que ensinam agentes de programação com IA a criar motion graphics, animações e fluxos de trabalho de vídeo.