Communitygithub.com

yanjigb/artigo-para-video-motion-graphics

Converte artigos ou URLs em vídeos verticais com motion graphics, tipografia cinética, gráficos de dados, narração natural e música de fundo.

O que é artigo-para-video-motion-graphics?

Esta skill transforma automaticamente conteúdo textual (artigos, posts de blog, estudos de caso ou landing pages) em vídeos verticais 9:16 prontos para redes sociais, aplicando motion graphics com tipografia cinética, gráficos, narração e música de fundo. O processo segue um fluxo estruturado de 10 etapas: definição do briefing, leitura da fonte, criação de storyboard (6–10 estados informacionais), roteirização de narração em ritmo natural (135–165 palavras/min), geração de motion graphics com código auto-contido, síntese de voz via TTS com estilo controlado, criação de música instrumental, mixagem de áudio com FFmpeg, verificação de qualidade e entrega do MP4 final. Suporta plataformas como Claude Code, Cursor, Codex e outros agentes que executam comandos shell e APIs. É especialmente útil para criadores de conteúdo, profissionais de marketing e desenvolvedores que desejam automatizar a produção de vídeos explicativos a partir de material textual, mantendo consistência visual e sem depender de filmagens reais.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/yanjigb/article-to-motion-video-claude-skills/tree/HEAD

Perguntar na sua IA favorita

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

Documentação

Artigo para motion graphics

Cria vídeos verticais no estilo explainer a partir de um artigo, priorizando informações claras, tipografia legível e narração em velocidade natural. Não utiliza filmagens reais a menos que o usuário solicite explicitamente motion graphics.

Processo obrigatório

  1. Definir o briefing. Registrar a URL ou o texto fonte, o idioma da narração, a proporção de tela, a plataforma de destino, a duração desejada e se há necessidade de narração/música. Padrão: 9:16, 1080×1920, motion graphics em tela cheia, narração no idioma do artigo, música instrumental leve.
  2. Ler a fonte. Se houver URL, ler o conteúdo do artigo usando o processo apropriado de pesquisa/busca. Extrair números, pontos principais e conclusões; não inferir dados. Usar a fonte do artigo como citação no storyboard ou no card final, se adequado.
  3. Escrever um storyboard curto. Dividir em 6 a 10 estados informacionais. Cada estado deve conter: duração prevista, uma mensagem principal, texto exibido, forma de animação e a frase de narração correspondente. Manter um ponto focal por vez; evitar sobrecarregar várias frases em uma mesma tela.
  4. Escolher a duração com base na narração. Escrever um script de fala natural, não um texto acadêmico. Estimar 135–165 palavras por minuto; se o script for mais longo que o vídeo, priorizar estender o vídeo ou encurtar o script, sem acelerar além de 1,1× a menos que o usuário solicite. A narração deve terminar com frases completas, sem cortes abruptos.
  5. Criar os motion graphics. Gerar fundo, grades, formas, contadores, barras, funis, diagramas de rede ou maquetes de UI com código auto-contido. Usar fontes fallback locais com suporte a Unicode. Manter o texto dentro da área segura, tamanho de fonte legível em tela de celular, e colocar citação/card final ao término.
  6. Gerar a narração. Antes de chamar a ferramenta de fala, ler o tts-prompter. Usar uma voz consistente, language_code correto, e turns[].text contendo apenas o texto a ser lido. Colocar instruções de tom em turns[].style; não incluir direções de cena ou rótulos de falante no texto.
  7. Criar a música de fundo. Antes de chamar a ferramenta de música, ler o music-prompter. Para vídeos com narração, solicitar "Instrumental only, no vocals", arranjo espaçado, sem melodia principal que sobreponha a voz. Gerar uma faixa longa o suficiente para loop/truncagem; não dividir em partes se o vídeo tiver menos de 180 segundos.
  8. Mixar o áudio. Usar FFmpeg para cortar/loop da música até a duração exata do vídeo, manter a narração em velocidade natural, reduzir o volume da música em cerca de 12–20% em relação à voz, e então usar amix e alimiter. Se a narração for mais longa que o vídeo, renderizar novamente o vídeo na duração da narração ou ajustar o storyboard; não cortar parte da narração silenciosamente.
  9. Verificar. Usar ffprobe para confirmar dimensões, duração, taxa de quadros, codec e fluxo de áudio. Extrair pelo menos o primeiro quadro, um quadro entre cada grupo de cenas e o último quadro; verificar se o texto não está cortado, se as animações terminam em pontos de pausa, se a narração termina frases completas e se a música não encobre as falas.
  10. Entregar. Enviar o arquivo MP4 completo primeiro. Se já tiver criado um fonte reutilizável, enviar também o script fonte. Informar resolução, proporção, duração, taxa de quadros, idioma da narração e status do áudio.

Padrões criativos

  • Estilo: fundo navy/charcoal, grade sutil, destaque em ciano/azul/laranja, tipografia negrito, movimentação limpa e intencional.
  • Estrutura social: gancho nos primeiros 1–2 segundos; depois dados ou processo; final com conclusão e fonte.
  • Cada cena tem entrada, pausa de leitura e saída/transição. Não deixar várias animações irrelevantes acontecendo simultaneamente.
  • Priorizar inglês se a fonte estiver em inglês; manter termos técnicos como DR, dofollow, SaaS quando necessário.
  • Não inventar logotipos, marcas, dados ou citações. Se precisar de assets de marca precisos, solicitar ou usar assets fornecidos.

Exemplo de storyboard

Cena 1 — Gancho (0:00–0:05)
Visual: número grande e seta de conversão.
Texto na tela: "463 testados → 22 submetidos"
Narração: uma frase curta que apresenta o conflito principal.

Cena 2 — Método (0:05–0:12)
Visual: funil/contadores.
Texto na tela: marcos de entrada e após deduplicação.
Narração: explica como a lista foi criada.

Cena 3 — Filtro (0:12–0:22)
Visual: gráfico de barras ou cartões para grupos descartados.
Narração: mencionar apenas os grupos mais importantes.

Final — Conclusão (final do vídeo)
Visual: frase de conclusão grande, citação da fonte pequena abaixo.
Narração: conclusão e ação recomendada.

Recursos inclusos

  • Usar templates/storyboard_prompt_template.md para criar storyboard e prompt padronizados em inglês para ferramentas de IA de imagem/vídeo. O template exige timecode, texto exato na tela, narração, movimento, continuidade e QA.
  • Consultar examples/saas-demand-generation-flywheel.md para ver um storyboard/prompt completo baseado em um estudo de caso SaaS com dados, ressalvas e citação.
  • Usar scripts/mix_video_audio.sh para loop/corte da música, redução de volume, mixagem com narração e verificação da saída. Executar bash scripts/mix_video_audio.sh --help antes de usar.

Habilidades Relacionadas