HyperFrames: como fazer vídeo só com texto (HTML), grátis e de código aberto

O HyperFrames é um framework de código aberto da HeyGen que transforma HTML, CSS e animações em vídeo MP4. Você escreve a cena como uma página, e ele captura cada quadro e junta num vídeo.

O guia mostra como criar o projeto, como pedir o vídeo pra sua IA e o que aconteceu no meu teste.

Guia grátis de 7 páginas, com PDF e prompts prontos. Conferido em 21/10/2026. Para abrir o passo a passo completo, crie a sua conta grátis e ligue a newsletter, acima.

O que você aprende

• O que é e o que precisa: Node.js 22 ou mais novo e FFmpeg.
• Criar o projeto com um comando e validar com o check.
• Um prompt pronto pra sua IA escrever um vídeo vertical 1080x1920 como composição HyperFrames.
• O que eu rodei e o resultado: criação, validação, renderização e bloco pronto.

Para quem é

Para quem quer produzir vídeo com IA e código sem abrir um editor. Exige terminal e Node.js. Não é um editor visual.

O que foi conferido

• Criar o projeto (npx hyperframes init): 22 segundos, sem erro.
• Validar (npm run check): passou, 0 erros e 3 avisos pedindo um id nos elementos.
• Renderizar um vídeo vertical de 9 segundos em 1080x1920: de 12 a 15 segundos, num servidor de 4 núcleos e sem placa de vídeo.
• Baixar um bloco pronto (hyperframes add instagram-follow): 1,6 segundo.
• Testado em 21/10/2026, versão 0.8.181.

Perguntas frequentes

Outros guias grátis

• Clipe o GTA 6 pelo chat: Como achar os melhores momentos das lives de GTA 6 pelos picos do chat: baixar o chat com o TwitchDownloader, o script picos.py que lista os minutos certos e já monta o comando do corte, e como funcionam as campanhas de clipe que pagam por views (só com autorização do streamer).
• 4 repos que explodiram no GitHub essa semana: MoneyPrinterTurbo (tema vira vídeo pronto), Voicebox (estúdio de voz no seu PC), claude-video (o Claude assiste vídeo) e T3 Code (vários agentes numa tela só): o que cada um faz e o jeito mais fácil de começar, tirado do README oficial.
• 9 assinaturas, R$ 0 (parte 2): As 9 trocas do reel: Open WebUI no lugar do ChatGPT Plus, OpenCut no do CapCut Pro, ComfyUI no do Midjourney, n8n no do Zapier, Immich, Penpot, Documenso, Postiz e Vaultwarden. O que cada um faz, o jeito mais fácil de começar e o custo de verdade.
• 5 plugins pro Claude, R$ 0: FreeLLMAPI, Ponytail, Lemo Opuscar, Agent Reach e o SkillSpector da NVIDIA: o que cada um faz, o comando pra instalar e o que custa de verdade. Com o aviso de segurança: 1 em cada 4 skills analisadas tinha falha.
• Mods do Claude Code: 3 que valem a pena: O que são os mods do Claude Code, onde funcionam e 3 prompts pra o próprio Claude montar cada um: chats que conversam entre si, modelo econômico pra tarefa simples e um painel com tarefas, e-mails e agenda. Com o aviso de segurança e o que eu conferi na documentação.
• 1 prompt, 10 estilos de animação: O prompt que faz o Claude ou o ChatGPT desenhar uma animação de 6 segundos em loop, em código, e os 10 estilos para trocar: xilogravura, pixel art, quadrinho noir, desenho dos anos 30, blocos de montar, massinha, tela vetorial, fantoche de tricô, PS2 e nanquim. Como rodar, como gravar e o que eu testei.
• day-trader-skill: a máquina do tempo da bolsa: 11 skills grátis pro Claude que acham, planejam e testam um trade antes de você arriscar um real: scanner, notícias, entrada, saída, a máquina do tempo com 10.000 simulações, risco e o rastreador dos políticos. Como instalar, um trade do começo ao fim, as travas de segurança e o que eu conferi no código.
• 9 assinaturas trocadas por código aberto: Os 9 projetos de código aberto do reel no lugar de Higgsfield, ElevenLabs, Semrush, Notion, Wispr Flow, Asana, Calendly, Intercom e Loom: o que cada um faz, o jeito mais fácil de começar e o comando pra instalar, mais o ComfyUI pra gerar imagem e vídeo de graça no seu computador. R$ 1.473 por mês a menos.
• founder-skill: teste o seu negócio antes de gastar: 11 skills grátis pro Claude: conselho, concorrentes, 100 compradores simulados, preço, CFO e um plano com veredito. Como instalar, a ordem de uso e o que eu conferi no código.
• VoiceStudio: clone a sua voz de graça: Instalar o VoiceStudio, clonar a sua voz e o que deixa o clone parecido com você. No meu teste: idêntica no ouvido e 0,92 de semelhança com a minha voz dos vídeos, sem placa de vídeo.
• Stirling-PDF: tudo com PDF, sem pagar Adobe: Instalar o Stirling-PDF e juntar, comprimir e converter PDF no seu computador. Com o meu teste: 9,46 MB viraram 0,52 MB em 2,1 segundos, e um contrato virou Word em 16,5.
• career-ops: currículo que passa no filtro, de graça: Instalar o career-ops, colar a vaga e receber a nota, o que falta e o currículo adaptado em PDF. Com o meu teste numa vaga real: nota 3,4 de 5 e palavras da vaga de 35% para 55%.
• Office de código aberto: WordCraft, GridCraft e DeckCraft: Onde baixar os clones de Word, Excel e PowerPoint, o meu teste de cada um e como usar sem arriscar seus arquivos.
• REA, a IA que abre um app e mostra como ele funciona: Instalar o REA no seu agente, fazer a primeira pergunta e o que ele analisa.
• Stickman Video Director, a skill de vídeo de boneco: Instalar com a sua IA, escolher formato e estilo, aprovar o plano e gerar os clipes.
• OpenMontage, o estúdio de vídeo do seu agente de IA: Instalar em 3 comandos, pedir o vídeo pro seu agente e o que custa.
• Find Skills, a skill que acha as outras: Instalar em uma linha, pedir pra sua IA achar a skill certa e o que olhar antes de instalar.
• OpenCut, o editor de vídeo de código aberto: Testar no navegador, rodar na sua máquina e deixar a sua IA instalar.
• Configure o Claude do jeito certo: 6 passos e prompts prontos: instruções globais, conectores, segundo cérebro e tarefa agendada.