Repolode
Enviar
Liamrjohnston

Liamrjohnston/remotion-motion-graphics-skill

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.

Ver no GitHub
Estrelas
119
Forks
9
Issues abertas
0
Último commit
há 3 meses

O que é?

Este repositório reúne quatro Agent Skills para agentes de programação com IA, como Claude Code, Codex e Cursor. As skills orientam o agente na criação de clipes finalizados de motion graphics com Remotion, de textos cinéticos e diagramas de fluxo de trabalho a movimentos de câmera, demonstrações de terminal e cards editoriais de destaques. Antes de escrever o código, o agente confirma o formato de saída (4:3 ou 9:16) e o estilo do fundo, depois pesquisa os produtos mencionados e seus logotipos.

As skills abrangem quatro áreas: uma skill de controle para pesquisa, verificação de assets e revisão da entrega; uma skill de câmera cinematográfica, que conduz uma câmera com keyframes por uma única cena contínua; uma skill de inserções de terminal para demonstrações autênticas de CLI; e uma skill de destaques de artigos para cards no estilo jornalístico com traços de marca-texto. A skill de controle inclui scripts que validam fontes, geram hashes dos assets e exigem uma revisão independente antes que um clipe seja considerado pronto para entrega. O repositório também aplica uma política visual rigorosa que proíbe estilos com neon, brilho e orbes em gradiente.

As skills são arquivos Markdown simples no formato Agent Skills e podem ser instaladas com um único comando npx. Elas devem ser usadas junto com a skill oficial do Remotion, responsável pela correção da API.

Recursos principais

  • 01Quatro Agent Skills que abrangem motion graphics, movimento de câmera, demonstrações de terminal e destaques editoriais.
  • 02Pergunta o formato de saída (4:3 ou 9:16) e o estilo do fundo antes de começar a criação.
  • 03Pesquisa os produtos mencionados e usa logotipos e elementos visuais autênticos dos produtos.
  • 04Inclui scripts que validam fontes, geram hashes dos assets e controlam a entrega.
  • 05Aplica uma política visual sem neon nem brilho.

Casos de uso

  • Produzir Reels ou vídeos curtos verticais para o TikTok a partir de uma fala do roteiro, usando um agente de IA.
  • Criar demonstrações autênticas de ferramentas CLI ou agentes de programação para vídeos de produtos.
  • Criar cards editoriais no estilo jornalístico, com frases destacadas, para anúncios de lançamento.
  • Adicionar movimentos de câmera consistentes a projetos Remotion criados com um assistente de IA.

Início rápido

  1. 1

    Crie um projeto Remotion e instale as skills

    npx create-video@latest my-graphics
  2. 2

    Acesse a pasta do projeto

    cd my-graphics
  3. 3

    Instale no projeto as skills deste repositório

    npx skills add liamrjohnston/remotion-motion-graphics-skill -y
  4. 4

    Visualize os gráficos no Remotion Studio

    npx remotion studio

Antes de usar

  • As skills são instruções para agentes de programação com IA. Para usá-las, você precisa de um agente como Claude Code ou Codex e de um projeto Remotion.
  • Antes de cada build, é necessário responder a perguntas sobre formato e contexto, o que adiciona uma etapa a cada solicitação.

Tópicos

#remotion#motion-graphics#agent-skills#video#claude-code#react#video-generation

Perguntas frequentes

O que é remotion-motion-graphics-skill?
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. Este repositório reúne quatro Agent Skills para agentes de programação com IA, como Claude Code, Codex e Cursor. As skills orientam o agente na criação de clipes finalizados de motion graphics com Remotion, de textos cinéticos e diagramas de fluxo de trabalho a movimentos de câmera, demonstrações de terminal e cards editoriais de destaques. Antes de escrever o código, o agente confirma o formato de saída (4:3 ou 9:16) e o estilo do fundo, depois pesquisa os produtos mencionados e seus logotipos.
remotion-motion-graphics-skill é gratuito? Qual é a licença?
remotion-motion-graphics-skill é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
remotion-motion-graphics-skill ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de remotion-motion-graphics-skill foi em 24 de jul. de 2026.
Para que posso usar remotion-motion-graphics-skill?
Produzir Reels ou vídeos curtos verticais para o TikTok a partir de uma fala do roteiro, usando um agente de IA. Criar demonstrações autênticas de ferramentas CLI ou agentes de programação para vídeos de produtos. Criar cards editoriais no estilo jornalístico, com frases destacadas, para anúncios de lançamento. Adicionar movimentos de câmera consistentes a projetos Remotion criados com um assistente de IA.
Como instalar remotion-motion-graphics-skill?
Crie um projeto Remotion e instale as skills: npx create-video@latest my-graphics Acesse a pasta do projeto: cd my-graphics Instale no projeto as skills deste repositório: npx skills add liamrjohnston/remotion-motion-graphics-skill -y Visualize os gráficos no Remotion Studio: npx remotion studio
Onde consigo remotion-motion-graphics-skill?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/Liamrjohnston/remotion-motion-graphics-skill

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados