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.
charlie947/motion-graphics-skills
Conjunto de 13 a 15 skills do Claude Code para criar motion graphics e vídeos de lançamento em código, renderizando os frames em MP4 sem usar After Effects.
Alternativa open source a:After Effects
- Estrelas
- 340
- Forks
- 55
- Issues abertas
- 0
- Último commit
- há 9 dias
O que é?
Este pacote de skills permite que o Claude Code crie motion graphics, vídeos de lançamento, gráficos animados e vídeos curtos para redes sociais escrevendo a animação em código. Cada frame é desenhado em código, sem precisar de After Effects nem de geradores de vídeo com IA. As skills cobrem o fluxo de trabalho completo: definir cores da marca, tipografia e regras de movimento em brand.md e MOTION.md, planejar um briefing, criar a animação e exportar para MP4 ou formatos verticais para Reels.
As skills são agrupadas por etapa e incluem vídeos de lançamento, explicativos, gráficos animados, revelações de marcos, sequências de títulos em 3D, capas em loop e exportação para Reels. Cada skill inclui frases de ativação e requisitos de entrada em seu SKILL.md. A instalação pode ser feita com npx skills, copiando manualmente para ~/.claude/skills, enviando um arquivo zip pelo Claude Desktop ou usando a pasta .agents/skills do Codex. A exportação para MP4 depende do HyperFrames ou do ffmpeg com o Chrome.
Recursos principais
- 01Cria motion graphics e vídeos inteiramente em código, sem precisar do After Effects.
- 02Armazena cores da marca, tipografia e regras de movimento em brand.md e MOTION.md para reutilização.
- 03Inclui skills para vídeos de lançamento, explicativos, gráficos animados e revelações de marcos.
- 04Exporta para MP4 e formatos verticais de 1080 x 1920 para Reels e TikTok.
- 05Funciona com Claude Code e Codex por meio de um comando simples de instalação.
Casos de uso
- Criar um vídeo de lançamento de produto sem precisar de um motion designer ou de um software de edição de vídeo.
- Animar um gráfico ou uma série de dados mantendo todos os valores exatamente como foram fornecidos.
- Criar um vídeo vertical para redes sociais a partir de um clipe existente.
- Criar uma capa animada em loop para uma newsletter como GIF.
Início rápido
- 1
Instale as skills com npx
npx skills add charlie947/motion-graphics-skills - 2
Abra o Claude Code e selecione o modelo Opus 5.5
/model - 3
Execute primeiro brand-intake para configurar os arquivos da marca
Antes de usar
- Para criar animações, é necessário usar o Claude Code com Opus 5.5, um modelo específico.
- Para exportar em MP4, é necessária a skill HyperFrames separadamente ou o ffmpeg com o Chrome.
Tópicos
Perguntas frequentes
- O que é motion-graphics-skills?
- Conjunto de 13 a 15 skills do Claude Code para criar motion graphics e vídeos de lançamento em código, renderizando os frames em MP4 sem usar After Effects. Este pacote de skills permite que o Claude Code crie motion graphics, vídeos de lançamento, gráficos animados e vídeos curtos para redes sociais escrevendo a animação em código. Cada frame é desenhado em código, sem precisar de After Effects nem de geradores de vídeo com IA. As skills cobrem o fluxo de trabalho completo: definir cores da marca, tipografia e regras de movimento em brand.md e MOTION.md, planejar um briefing, criar a animação e exportar para MP4 ou formatos verticais para Reels.
- motion-graphics-skills é gratuito? Qual é a licença?
- motion-graphics-skills é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- motion-graphics-skills ainda é mantido?
- Manutenção ativa. O último commit de motion-graphics-skills foi em 11 de out. de 2026.
- Para que posso usar motion-graphics-skills?
- Criar um vídeo de lançamento de produto sem precisar de um motion designer ou de um software de edição de vídeo. Animar um gráfico ou uma série de dados mantendo todos os valores exatamente como foram fornecidos. Criar um vídeo vertical para redes sociais a partir de um clipe existente. Criar uma capa animada em loop para uma newsletter como GIF.
- Como instalar motion-graphics-skills?
- Instale as skills com npx: npx skills add charlie947/motion-graphics-skills Abra o Claude Code e selecione o modelo Opus 5.5: /model Execute primeiro brand-intake para configurar os arquivos da marca
- Onde consigo motion-graphics-skills?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/charlie947/motion-graphics-skills
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
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.
Uma skill de design de interfaces para agentes de IA que explora diferentes direções visuais, compara opções lado a lado e as refina com base em screenshots reais.
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.
Coleção de 13 Agent Skills selecionadas no formato SKILL.md para pesquisa, documentação de produto, apresentações, artigos para WeChat, revisão de código e muito mais.