Communitygithub.com

JaviMaligno/agilabs-video-studio

Escreva o roteiro para um vídeo explicativo narrado de 30 a 60 segundos de um artigo de blog – gancho, configuração, experimento, descoberta com seu número exato, conclusão e cartão de encerramento – com uma ideia visual por cena mapeada para um componente de animação, limites de velocidade de leitura de legendas e uma versão paralela opcional em espanhol. Use ao rascunhar ou revisar o que um vídeo de artigo diz, antes de qualquer cena ser construída.

O que é agilabs-video-studio?

Este skill, chamado 'Explainer script', é uma ferramenta para roteiristas e criadores de conteúdo que desejam transformar artigos de blog em vídeos explicativos narrados de 30 a 60 segundos. Ele oferece uma estrutura clara e testada – começando com um gancho impactante nos primeiros 3 segundos, passando pela configuração, experimento visual, descoberta com o número exato do artigo, conclusão prática e cartão de encerramento – garantindo que cada cena tenha uma ideia visual mapeada para um componente de animação pré-definido (como `Counter`, `BarCompare`, `FlowDiagram`, `KeyQuote`, `StatGrid`, ou cartões de introdução/encerramento). O skill também impõe limites rigorosos de legibilidade para legendas (no máximo 17 caracteres por segundo) e suporta a criação de versões paralelas em inglês e espanhol, mantendo a consistência entre os idiomas. É ideal para uso antes da produção de qualquer animação, ajudando a refinar a narrativa e a evitar textos densos ou URLs longas na narração. O formato de saída é uma tabela Markdown detalhada com cenas, componentes, linhas de narração, descrições visuais e citações das fontes, pronta para aprovação.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/JaviMaligno/agilabs-video-studio/tree/HEAD/skills/explainer-script

Perguntar na sua IA favorita

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

Documentação

Roteiro explicativo

Um roteiro é uma lista curta de cenas. Cada cena tem uma ou mais linhas de narração e um visual. Ele é escrito para um espectador que está rolando com o som desligado, então cada linha também deve funcionar como legenda.

Duração

  • 30-60 s, com o objetivo de 45 s (targetSeconds em src/settings.ts).
  • Isso equivale a cerca de 75-140 palavras faladas em EN. Conte-as. O espanhol é cerca de 15-20% mais longo para o mesmo conteúdo.

Estrutura

  1. Gancho, nos primeiros 3 s. A descoberta surpreendente ou uma pergunta concreta. Nunca "Neste vídeo...", "Hoje quero falar sobre..." ou uma saudação. Cartão de introdução.
  2. Configuração. O que estava sendo testado e por que isso importa, em uma ou duas linhas.
  3. O experimento em uma imagem. O mecanismo ou design como um visual (um fluxo, uma comparação). Uma ideia, não a seção de métodos inteira.
  4. A descoberta, com seu número exato. O número como o artigo o escreve ("14/20 vs 4/20", "83%", "p = 0,0018"): mesmo arredondamento, mesmas unidades.
  5. E daí. O que a descoberta significa para alguém que está construindo com ela, sem ser mais forte do que o artigo afirma.
  6. Linha do cartão de encerramento: "Mais em javieraguilar.ai" (ES: "Más en javieraguilar.ai").

Voz

  • Primeira pessoa, como o artigo é escrito: "Eu dei ao planejador...", "O que eu descobri...".
  • Afirmações tão matizadas quanto o artigo. Mantenha suas ressalvas ("nessas execuções", "nesta configuração").
  • Frases faladas curtas. Uma ideia por linha. Sem jargões que o artigo não explique.

Legendas

  • As legendas são incorporadas a partir do texto da narração, no máximo duas linhas de ~32 caracteres.
  • No máximo 17 caracteres por segundo na tela (npm run lint verifica isso). Uma linha que é lida muito rápido precisa de menos palavras, não de uma voz mais rápida.
  • Escreva os números na legenda como o artigo faz. Se o TTS deve dizê-los de forma diferente, dê à linha uma forma falada (veja o skill narration); nunca altere a legenda por isso.
  • Evite URLs longas e identificadores de código na narração; eles quebram mal e são difíceis de ler.

EN e ES

  • Escreva o par EN/ES junto, linha por linha, para que ambos os cortes permaneçam sincronizados. ES é opcional: deixe o texto ES vazio enquanto um vídeo for apenas em EN.
  • A linha ES diz a mesma coisa, não uma tradução palavra por palavra; mantenha-a tão curta quanto a EN.

Visual por cena

Cada cena recebe uma ideia visual, mapeada para um componente da biblioteca (veja explainer-animation):

Ideia visualComponente
Uma figura principal contando para cimaCounter
Dois a cinco valores lado a ladoBarCompare
Um pipeline, uma transferência, um link quebradoFlowDiagram
A frase na qual o artigo se apoiaKeyQuote
Duas a quatro figuras de uma vezStatGrid
Gancho e encerramentocartões intro / outro

Se nenhum componente se encaixar, marque a cena como "sob medida" com uma descrição de uma linha da animação. Evite um vídeo que seja apenas texto sobre um gradiente: cada artigo recebe pelo menos um visual que mostre seu mecanismo.

Formato do roteiro

Escreva script.md como uma tabela, uma linha por linha de narração:

CenaComponenteLinha ENLinha ESVisualFrase de origem
  • "Frase de origem" cita o artigo para cada número e cada afirmação na linha.
  • Termine com a contagem de palavras (EN) e a duração estimada.
  • Apresente-o para aprovação antes que qualquer coisa seja construída.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

Habilidades Relacionadas