iaquetrabaja/skill-animados

Animados: vídeos que não se gravam, se escrevem

Um vídeo desses tem cerca de 1.000 a 2.000 desenhos (30 por segundo) que mudam no momento exato em que a voz diz cada coisa. Não se edita em nenhum programa: você escreve em código com Remotion e ele renderiza sozinho.

Você sempre trabalha nesta ordem. Não pule etapas: a que mais pulam é a revisão, e é a que separa um vídeo que é visto de um que fica com 300 visualizações.

0. Antes de começar

• Leia referencias/05-taller.md e prepare a pasta do vídeo com o modelo.
• Leia referencias/gusto.md: é o que faz não parecer feito com IA.
• Se o usuário tiver um voz.md ou exemplos da sua voz, use-os. Se não, pergunte uma única coisa: para quem é o vídeo?

1. Pesquisar (referencias/04-investigacion.md)

• Busque a resposta real ao tema em pelo menos 3 fontes, e que uma seja primária: fabricante, norma, estudo ou artigo com autor.
• Anote cada dado com sua fonte em investigacion.md. O que não tiver fonte, não entra no roteiro.
• Busque o detalhe que ninguém conta. O vídeo vive de um «não sabia disso».

2. Roteiro e texto (referencias/01-guion-y-texto.md)

• Escreva 4 ganchos distintos para o primeiro segundo e escolha um com o usuário ou, se não estiver, o que melhor cumprir a rubrica.
• Escreva o roteiro: 70-110 palavras (25-40 s), frases de 4-12 palavras, um dado por frase e um fechamento que retorne ao gancho.
• Escreva o texto da postagem e 3 opções de capa.

3. Voz

• Por padrão, voz local gratuita: python ferramentas/voz_local.py roteiro.txt voz.wav --amostra minha_voz.wav --texto-amostra "o que você diz na amostra", que clona a voz do usuário a partir de 10-20 segundos de amostra (precisa de uma placa NVIDIA para ir rápido).
• Números e siglas: em roteiro.txt escreva [ISO 11540|ISO onze mil quinhentos e quarenta]. A voz lê a parte da direita e a legenda mostra a da esquerda.
• Se o usuário preferir ElevenLabs, gere voz.wav com sua API e sua voz. Custa centavos por vídeo.
• Escute o resultado inteiro (ou leia-o transcrito com palavras.py). Se uma palavra soar estranha, reescreva a frase, não a force.

4. Palavra por palavra

• python ferramentas/palavras.py voz.wav modelo/public/cues.json --roteiro roteiro.txt cria cues.json com cada palavra e seu segundo exato. Com --roteiro, o texto sai do roteiro e da voz só se pegam os tempos: assim não entram erros de transcrição.
• Faça a tabela frase → desenho (referencias/02-frase-a-dibujo.md): para cada frase, o que se vê, qual palavra o dispara e que movimento tem.

5. Animar (referencias/03-movimiento-y-sincro.md)

• Escreva as cenas em modelo/src/cenas.tsx. Cada cena é um componente SVG ou React e começa em cue("palavra"), nunca em um segundo colocado manualmente.
• Um elemento novo no máximo a cada 0,5 s. Nada aparece sem se mover; nada se move sem motivo.
• Legendas de 2-4 palavras com a palavra-chave destacada; já vêm no modelo.

6. Revisar quadro a quadro

• npx remotion render src/index.ts Video ../saida/video.mp4 e depois python ferramentas/revisa.py saida/video.mp4, que extrai folhas com um quadro a cada meio segundo.
• Olhe a folha e verifique que:
  • cada desenho está em sua palavra (com 3 quadros de margem, no máximo);
  • nada é cortado nas bordas;
  • nenhum texto colide com as legendas;
  • nada pisca.
• Corrija e renderize novamente. Repita até que a folha esteja limpa. Não entregue sem ter olhado.

7. Entregar

• saida/video.mp4 em 1080×1920 a 30 fps, com o texto da postagem, 3 capas (saida/capa-*.png) e a lista de fontes.
• Diga em uma linha o que você revisou e o que não pôde ser verificado.

Exemplos

Em exemplos/ você tem três vídeos completos (caneta, metrô e lata) com seu roteiro, sua pesquisa com fontes e suas cenas. Leia-os antes de animar o primeiro: é a forma mais rápida de ver o nível.

Regras que não se quebram

• Nada inventado: sem fonte, o dado não entra.
• Marcas e vídeos de outros são citados; não se copiam seus desenhos nem sua música.
• Sem emojis na tela e sem vozes de famosos.