Submit
NewFavicon of Kit Video Ia

Kit Video Ia

dantaspaulov1.1.0Customer SupportTypeScriptMIT31Open sourceUpdated 3 days ago
5.0 · 1 review

Aulas narradas animadas e tutoriais de tela com o Claude: três skills, instalador (npx) e um estúdio

Aulas narradas animadas e tutoriais de tela com o Claude: três skills, instalador (npx) e um estúdio aberto com voz por IA, legenda palavra a palavra e conferência automática. Pelo método das aulas do ChatADV.

kit-video-ia: aulas narradas animadas e tutoriais de tela, com o Claude



As aulas da Central de Ajuda do ChatADV saem de um arquivo de texto.
A IA narra, a tela anima no segundo em que a voz diz cada palavra, e uma conferência automática
recusa fala trocada, tela parada e som fora do padrão. Este kit abre o método: três skills para o
Claude e o estúdio que renderiza.


🎬 Aulas feitas com o método

Aula 1: como a IA mudou em quatro anos Aula 2: o combustível e o cérebro, LLM e harness Aula 3: subagentes, skills e conectores Aula 4: por que agora é mais confiável Aula 5: técnicas para pedir bem

Série Introdução à IA Jurídica, cinco aulas de 1,5 a 2 minutos, no ar na Central de Ajuda do ChatADV. Clique para assistir.
Estas usam cenas ilustradas feitas sob medida para cada aula. O estúdio do kit traz telas animadas prontas, com o mesmo método.


🧪 O que o kit gera, saindo da caixa

Aula de exemplo gerada pelo kit, deitada A mesma aula, em pé
Tutorial de tela de exemplo, com zoom e holofote

A aula de exemplo (aulas/exemplo.json, 52 s, deitada e em pé) e o tutorial de exemplo (aulas/tutorial-exemplo.json),
do jeito que saem do kit, sem edição. Clique para baixar o vídeo com som.


📥 Instalar

npx github:dantaspaulo/kit-video-ia

Um comando deixa tudo pronto, em cinco passos, e diz o que fez em cada um:

O que o instalador faz
1. Skillscopia as três skills para o Claude (para você, ou só para o projeto atual)
2. Estúdiocria a pasta estudio-video/ com o projeto pronto para renderizar
3. Ferramentasinstala as dependências do estúdio (Remotion, React, Playwright), baixa o navegador que o Remotion usa para renderizar e o do Playwright para gravar tela, e confere ffmpeg e Python 3; se faltar, instala pelo gerenciador do sistema (Homebrew, apt, dnf ou winget), com a sua confirmação
4. Chaves e vozpede as chaves do ElevenLabs (a voz) e da OpenAI (a conferência da fala) sem mostrar na tela, guarda num .env só seu, põe a voz Raquel na sua conta e gera um áudio de teste
5. Testevalida a aula de exemplo e confere que o Remotion monta o projeto

Sem perguntas: --tudo (usa as chaves que estiverem no ambiente). Outras opções: --projeto, --skills aula-animada,tutorial-de-tela, --estudio ./minha-pasta, --sem-ferramentas, --desinstalar. Nada é apagado: skill que já existe vira cópia de segurança.

Depois, a primeira aula:

cd estudio-video && python3 scripts/kit.py fazer exemplo --formatos h,v

Ou abra o Claude e peça:

faz uma aula narrada animada de 2 minutos sobre como escrever um bom e-mail de cobrança

grava um tutorial de como cadastrar um cliente no meu sistema, sem mostrar dado real

A voz: vem configurada a Raquel, a mesma das aulas do ChatADV, uma voz pública em português do Brasil da biblioteca do ElevenLabs (modelo eleven_v4, um pouco acelerada). Para trocar, é só mudar o voice_id no kit.config.json e rodar python3 scripts/kit.py voz.

App de gravação? Não precisa. A janela, a sombra, o fundo desfocado como papel de parede, o cursor e o zoom são desenhados pelo próprio estúdio. Vêm três fundos prontos (champagne, oceano e esmeralda), ou use uma foto sua.

Precisa ter antes: Node 18+ (o resto o instalador resolve). Funciona no macOS, Linux e Windows. No macOS, o ffmpeg vem pelo Homebrew; sem ele, o instalador avisa o comando.


🧭 Como funciona

Tudo sai de um arquivo, aulas/<id>.json: a fala de cada parte e a tela que vai com ela.

python3 scripts/kit.py fazer <id> --formatos h,v
EtapaO que fazO que recusa
validarconfere o arquivo, de graçatravessão, palavra proibida, lista longa, zoom sem foco válido
narrargera a voz de cada parte com o tempo de cada palavra·
conferirtranscreve a voz e compara com o roteiro; narra de novo o que errou, até 2 vezesfala que não bate com o texto
montarcalcula quando cada elemento entra e gera o projeto do Remotionpalavra de quando que a fala não tem; mais de 2,5 s sem nada novo; aula acima de 4 min
renderizarrenderiza deitado (1920×1080) e/ou em pé (1080×1920)·
finalizarsom em -14 LUFS, legendas .vtt e .srt, folha de quadrostela parada medida no vídeo pronto

finalizar --pagina também gera as versões leves (H.264, AV1 e pôster) para pôr numa página.


🧩 As três skills

SkillPara quê
aula-animadaaula de conceito: o Claude pergunta o que falta, escreve o roteiro em partes (uma ideia por tela), monta o arquivo e roda o estúdio
tutorial-de-telagrava o sistema com o Playwright (cursor visível, dado borrado, texto proibido descarta a gravação) e narra por cima, com zoom e holofote
video-na-paginapublica o vídeo leve numa página ou central de ajuda: as versões, o pôster, a legenda e o HTML certo

Telas prontas

capa, lista, colunas, fluxo, frase, numero (conta até o valor), imagem e video. Cada elemento entra na palavra dita ("quando": "palavra"), fichas (chips) põem novidade na tela, e o zoom ("foco": [x0, y0, x1, y1]) enquadra o que importa e escurece o resto, sem cortar nada pela metade.

{ "fala": "Primeiro, diga quem você é. Depois, mostre um exemplo.",
"rotulo": "As ideias",
"tela": { "tipo": "lista", "titulo": "Um bom pedido tem *três partes*",
"itens": [{ "texto": "Quem você é", "quando": "quem" },
{ "texto": "Um exemplo", "quando": "exemplo" }] } }

📏 O método, em cinco regras

  1. Uma ideia por tela. De 20 a 40 palavras por parte; a tela resume, não repete a fala.
  2. Nada parado mais de 2,5 s. Duas travas medem: uma no plano, outra no vídeo pronto.
  3. A voz é conferida. Errou, reescreve a frase. Não se afrouxa a trava.
  4. Zoom não corta. O foco entra inteiro na luz; o resto fica no escuro.
  5. Dado real não aparece. Conta de teste, dado fictício, e a gravação se descarta sozinha se escapar.

💰 Custos e licenças

  • Voz: ElevenLabs ou OpenAI, pagos por uso. Uma aula de 2 minutos é o TTS de uns 2 mil caracteres; a conferência custa centavos.
  • Remotion (o renderizador): grátis para pessoas e empresas de até 3 pessoas; acima disso, licença de empresa.
  • Fontes: Inter e Instrument Serif (licença OFL). Playwright: Apache 2.0.
  • O kit: MIT. Use, adapte e compartilhe.

👋 Quem fez

Paulo Sérgio Dantas: FDE na Delta Academy e na QWize, fundador do ChatADV, do PostADV e da PSD Software

Paulo Sérgio Dantas constrói negócios com IA.
As aulas do ChatADV são feitas assim, com agentes de IA trabalhando comigo. Também abri a skill perfil-github e o playbook de saída do Google Cloud.




Fez uma aula com o kit? Me manda o link.

5.0Based on 1 review
5★1
4★0
3★0
2★0
1★0

Send this prompt to your agent to leave a review

prompt
Connect to the AI Agents Listing MCP server at https://aiagentslisting.com/api/mcp using the HTTP transport and complete the sign-in when it asks. Then call the submit_review tool for the listing "kit-video-ia" with a rating from 1 to 5 and a short note on what worked and what did not.
  • PSDPaulo Sérgio Dantas

Share:

Latest articles

All articles