Claude Agora Cria Vídeos de Graça! (Graças ao JavaScript)
Maestros da IA
0:00 / 0:00
Claude Agora Cria Vídeos de Graça! (Graças ao JavaScript)
34 416 просмотров · 1 дн. назад
Maestros da IA
115 тыс. подписчиков
34 416 просмотров · 1 дн. назад
Ⓜ Torne-se um Maestro da IA 👉 https://comunidade.maestrosdaia.com/?...
🆓 Prompts e Recursos Grátis em Nossa Comunidade Aberta 👉 https://invitecomunidadeaberta.maestr...
📊 IA Para Empresas 👉 https://porta.maestrosdaia.com/
Vídeo animado com Claude Code e JavaScript: do storyboard ao MP4, sem After Effects e sem gerador de vídeo com IA, tudo escrito em código.
Neste vídeo eu mostro como criar vídeos animados com o Claude Code sem abrir nenhum programa de edição. O Claude não desenha o vídeo pixel por pixel: ele escreve uma função que recebe um instante de tempo e devolve o quadro daquele momento, um Chrome headless desenha cada quadro e o FFmpeg junta tudo num MP4. Começo instalando o Node, o FFmpeg e o Playwright pelo app do Claude para desktop e gero uma primeira demo curta. Depois monto um storyboard que você aprova cena a cena antes de renderizar e mostro o Claude conferindo os próprios quadros para corrigir texto cortado, sobreposição e a área segura do Reels, num vídeo vertical sobre O Menino do Dedo Verde. Em seguida coloco som feito em código e narração com voz clonada no ElevenLabs, mostro outros vídeos feitos com esse fluxo, explico como usar referências visuais para guiar o estilo e, no fim, transformo o processo inteiro numa skill de motion em JavaScript que você chama sempre que quiser. As imagens e a animação saem do código que o Claude escreve, sem depender de gerador de imagem ou de vídeo no meio do processo.
📌 CAPÍTULOS
0:00 Vídeo animado só com Claude Code e JavaScript
0:24 Exemplo: a história do universo animada em código
3:16 Como o Claude faz vídeo: função do tempo, Chrome headless e FFmpeg
7:43 Etapa 1: preparar Node, FFmpeg e Playwright e gerar a primeira demo
13:10 Etapa 2: storyboard aprovado cena a cena antes de renderizar
20:46 Som em código, narração com voz clonada e trilha sonora
24:30 Exemplos de vídeos animados feitos com Claude Code
32:47 Referências visuais para guiar o estilo do vídeo
35:41 Como transformar o processo numa skill reutilizável
✨ O QUE VOCÊ VAI APRENDER
✅ Como o Claude transforma código JavaScript em animação, quadro a quadro
✅ Por que pedir um storyboard antes de renderizar economiza tempo e tokens
✅ Como fazer o Claude conferir os próprios quadros e corrigir os erros antes do MP4
✅ Como colocar som em código, narração com voz clonada e trilha sonora no vídeo
✅ Como juntar o fluxo inteiro numa skill que você reutiliza em todo vídeo novo
Este vídeo mostra animações criadas pelo Claude em código e narrações feitas com voz clonada por IA.
#claudecode #motiongraphics #inteligenciaartificial