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.
iart-ai/motion-skills
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.
- Estrelas
- 895
- Forks
- 80
- Issues abertas
- 0
- Último commit
- há 6 dias
O que é?
Motion Graphics Skills é um conjunto de pastas de skills de código aberto, cada uma com um arquivo SKILL.md e arquivos de referência, que ensinam um fluxo de trabalho específico de motion graphics a agentes de programação com IA, como Claude Code, Cursor e Codex. Os temas incluem tipografia cinética, gráficos baseados em dados, vídeos explicativos, vídeos verticais curtos, cenas com WebGL e Three.js, animações matemáticas com Manim, vídeos programáticos com Remotion e lower thirds transparentes para ferramentas de streaming.
As skills são organizadas em 18 pacotes instaláveis separadamente, voltados a diferentes públicos, como criadores do TikTok, vendedores de e-commerce, desenvolvedores frontend e motion designers. Cada pacote pode ser adicionado com npx skills add ou como um plugin do Claude Code. As skills que geram conteúdo visual incluem um ciclo de renderização e verificação, além de pequenos scripts para congelar quadros, montar folhas de contato e inspecionar arquivos MP4 codificados, permitindo que o agente confira o próprio resultado.
Não há ajuste fino de modelos nem runtime de plugins envolvidos; as skills são instruções simples em um formato lido pelos principais agentes. O projeto usa a licença MIT e é mantido pela iart.ai.
Recursos principais
- 01Abrange tipografia cinética, gráficos de dados, vídeos explicativos, vídeos curtos e animação para a web
- 02Organizado em 18 pacotes instaláveis, separados por público
- 03Instalável com npx skills add ou como plugin do Claude Code
- 04Inclui ciclos de renderização e verificação com scripts para capturar quadros e inspecionar arquivos MP4
- 05Oferece suporte a fluxos de trabalho com Remotion, Manim, GSAP, Three.js e Lottie
Casos de uso
- Pedir a um agente de programação com IA que produza um vídeo com gráficos baseados em dados a partir de um arquivo CSV
- Criar vídeos verticais curtos para TikTok ou Reels com a ajuda de um agente
- Criar animações matemáticas com Manim ou vídeos com Remotion usando prompts
- Adicionar lower thirds transparentes a projetos do OBS ou Premiere
Início rápido
- 1
Instale o pacote geral de animação para a web usando a CLI de skills
npx skills add iart-ai/web-animation-skills
Antes de usar
- Cada skill é um conjunto de instruções para agentes, não um software independente; por isso, os resultados dependem do agente usado.
- As skills de vídeo são renderizadas pelo Remotion ou pelo Manim, que exigem uma configuração própria.
Tópicos
Perguntas frequentes
- O que é motion-skills?
- 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. Motion Graphics Skills é um conjunto de pastas de skills de código aberto, cada uma com um arquivo SKILL.md e arquivos de referência, que ensinam um fluxo de trabalho específico de motion graphics a agentes de programação com IA, como Claude Code, Cursor e Codex. Os temas incluem tipografia cinética, gráficos baseados em dados, vídeos explicativos, vídeos verticais curtos, cenas com WebGL e Three.js, animações matemáticas com Manim, vídeos programáticos com Remotion e lower thirds transparentes para ferramentas de streaming.
- motion-skills é gratuito? Qual é a licença?
- motion-skills é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- motion-skills ainda é mantido?
- Manutenção ativa. O último commit de motion-skills foi em 14 de out. de 2026.
- Para que posso usar motion-skills?
- Pedir a um agente de programação com IA que produza um vídeo com gráficos baseados em dados a partir de um arquivo CSV Criar vídeos verticais curtos para TikTok ou Reels com a ajuda de um agente Criar animações matemáticas com Manim ou vídeos com Remotion usando prompts Adicionar lower thirds transparentes a projetos do OBS ou Premiere
- Como instalar motion-skills?
- Instale o pacote geral de animação para a web usando a CLI de skills: npx skills add iart-ai/web-animation-skills
- Onde consigo motion-skills?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/iart-ai/motion-skills
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Uma skill de agente para Claude Code / Codex que transforma a descrição de um produto em um filme de lançamento com qualidade comercial, feito com código, trilha composta e edição por apontar e clicar.
Conjunto de skills instaláveis que orientam agentes de programação com IA em motion design, After Effects, vídeos com Remotion, animação de logos e planos de fundo animados.
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.
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.
Toolkit de motion design que permite a agentes de programação, como Claude Code, criar vídeos com Remotion usando cenas guiadas por timeline, revisão visual e um mecanismo de áudio em Python.