iart-ai/motion-design-skills

O que é?

Recursos principais

• 01Aborda timing, easing e princípios fundamentais de animação, sem depender de uma ferramenta específica.
• 02Oferece orientações sobre expressões, rigging, exportação e desempenho no After Effects.
• 03Inclui skills de Remotion para renderizar vídeos baseados em React em MP4 ou GIF.
• 04Oferece padrões de animação de revelação de logos, stingers e loaders para web, vídeo e apps.
• 05Acrescenta orientações sobre gradientes mesh, auroras com shaders e planos de fundo com partículas.
• 06Instala as skills em vários agentes de programação com IA via npx ou pelo marketplace de plugins do Claude Code.

Casos de uso

• Deixar mais natural uma animação de UI que parece travada ou robótica.
• Criar um vídeo de tipografia cinética com textos que aparecem em sequência.
• Gerar um lote de vídeos orientados por dados a partir de um arquivo CSV com Remotion.
• Adicionar um plano de fundo sutil em loop atrás da seção hero de um site.

Início rápido

1. 1

   Instale as skills com npx

   npx skills add iart-ai/motion-design-skills
2. 2

   Ou adicione como marketplace de plugins do Claude Code

   /plugin marketplace add iart-ai/motion-design-skills
3. 3

   Instale o plugin no Claude Code

   /plugin install motion-design-skills

Antes de usar

• !O README descreve esses recursos como orientações de prompt para agentes de IA, não como software independente, e não documenta um aplicativo executável.
• !A experiência completa do agente está hospedada em iart.ai, que o README promove junto com as skills.

Tópicos

Perguntas frequentes

O que é motion-design-skills?

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. Motion Design Skills é uma coleção de nove skills para agentes de programação com IA, como Claude Code, Cursor e Codex. Cada skill traz orientações sobre uma área do motion design: timing e easing, cor e interpolação, composição de cenas, direção de arte, fluxos de trabalho no After Effects, edição sincronizada com batidas, criação programática de vídeos com Remotion, animações de revelação de logos e planos de fundo em loop.

motion-design-skills é gratuito? Qual é a licença?

motion-design-skills é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.

motion-design-skills ainda é mantido?

Atualizado nos últimos 6 meses. O último commit de motion-design-skills foi em 22 de jun. de 2026.

Para que posso usar motion-design-skills?

Deixar mais natural uma animação de UI que parece travada ou robótica. Criar um vídeo de tipografia cinética com textos que aparecem em sequência. Gerar um lote de vídeos orientados por dados a partir de um arquivo CSV com Remotion. Adicionar um plano de fundo sutil em loop atrás da seção hero de um site.

Como instalar motion-design-skills?

Instale as skills com npx: npx skills add iart-ai/motion-design-skills Ou adicione como marketplace de plugins do Claude Code: /plugin marketplace add iart-ai/motion-design-skills Instale o plugin no Claude Code: /plugin install motion-design-skills

Onde consigo motion-design-skills?

O código-fonte e as instruções de instalação estão no GitHub: https://github.com/iart-ai/motion-design-skills