Repolode
charlie947

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. 1

    Instale as skills com npx

    npx skills add charlie947/motion-graphics-skills
  2. 2

    Abra o Claude Code e selecione o modelo Opus 5.5

    /model
  3. 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