Communitygithub.com

inspiriflow/awesome-motion-graphics

Uma biblioteca de edições de motion graphics para vídeos verticais de cabeça falante (1080×1920), cada uma uma especificação de construção que o Claude pode renderizar com Remotion.

O que é awesome-motion-graphics?

Este repositório reúne uma coleção de receitas de efeitos visuais prontos para uso em vídeos verticais (1080×1920), focados em conteúdo de cabeça falante (talking head). Cada efeito é descrito por um arquivo Markdown detalhado, especificando aparência, requisitos, entradas do usuário e layout exato. O fluxo de trabalho permite ao agente IA (como Claude Code) listar efeitos disponíveis, configurar o projeto com um guia de estilo e rastreamento de cabeça, preencher parâmetros fornecidos pelo usuário, construir a composição no Remotion e renderizar o vídeo final. É útil para criadores que desejam adicionar efeitos premium de redes sociais (como grade de reels, widgets de vidro, órbita, letreiro, zoom through, anel de texto, lista de níveis, gráfico de vidro, luz de palco, punch-in, checklist, caixa de comentários, carimbo, capa estrela, match cut, mensagens, buraco de coelho) sem precisar editar manualmente. A skill suporta múltiplos efeitos nomeáveis via /edit <nome>, responde a consultas como "quais edições você pode fazer" e integra-se perfeitamente com o ecossistema Remotion.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/inspiriflow/awesome-motion-graphics/tree/HEAD/skills/awesome-motion-graphics

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Awesome Motion Graphics

Uma biblioteca de receitas de efeitos reunidas de várias fontes. Cada receita em effects/ é uma especificação: sua aparência, o que precisa, o que o usuário preenche e o layout e tempo exatos.

Fluxo de Trabalho

  1. Nenhum nome fornecido? Liste cada arquivo em effects/ com seu summary de uma linha do frontmatter, agrupado por tags. Pare.
  2. Primeira execução em um projeto? Faça setup/house-style.md, depois setup/mask-and-head-track.md se o needs do efeito incluir mask ou head-track. Pule o que já existe (HOUSE_STYLE.md, public/mask/, public/head-track.json).
  3. Leia o effects/<name>.md correspondente. Preencha cada [INPUT] com as palavras do usuário. Pergunte por qualquer coisa ainda faltando, especialmente números reais. Nunca invente estatísticas, contagens de visualizações ou logotipos. O tempo dado como "na palavra X": transcreva o clipe com timestamps de palavras e use-os.
  4. Construa como sua própria composição com o nome do efeito, seguindo HOUSE_STYLE.md.
  5. Renderize para out/<name>.mp4, informe o caminho e mostre 4 stills (início, dois meios, fim).

extras/ contém receitas não relacionadas a efeitos: uma introdução/encerramento no estilo chat (chat-render.md) e montagem de várias edições em um único reel (full-reel.md).

Padrões para cada receita

  • 1080×1920, 30 fps, clipe fonte em public/talking.mp4 (cópia, nunca edite o original).
  • Área segura para qualquer coisa legível: x 120–960, y 260–1700. Nunca cubra o rosto.
  • "Luz linear" significa: converta para linear, faça o desfoque/matiz/luz, converta de volta para sRGB.
  • "Ainda se movendo no último quadro" significa que o push da câmera nunca para completamente.

Quando algo parece estranho

SintomaCorreção
Flicker no recorte / halo no cabeloSuavize a máscara ao longo do tempo; erosione 1 px antes do feather
Muito rápidoAumente para 4 s e escale cada movimento para corresponder
Texto difícil de ler no celular+20% em todo texto, verifique no tamanho do celular
Gráfico encosta no rostoMova para baixo, fora da área do rosto
Movimento parece robóticoReaplique easing + motion blur do HOUSE_STYLE.md
Máquina lentaRenderize preview em meia resolução primeiro, qualidade total após aprovação

Adicionando uma receita

Novo arquivo em effects/ com este frontmatter, corpo no mesmo formato dos outros (Inputs, Build, Timing):

name: kebab-name
summary: uma linha do que o espectador vê
source: source-id do README
needs: [mask, head-track, behind-me, reels, music]   # qualquer subconjunto
duration: 3s
tags: [3d, glass, text, camera, data, layout]

Habilidades Relacionadas