Antes de instalar
- Node.js 22 ou mais novo e o FFmpeg (Windows, Mac ou Linux).
- Chrome: o HyperFrames usa o do computador ou baixa um com
npx hyperframes browser ensure. - Opcional, mas é o jeito mais fácil: um agente de código (Claude Code, Codex, Cursor, Gemini CLI…). O agente é cobrado pelo provedor.
Instalar
COM O CLAUDE CODE (PLUGIN) · NO TERMINAL
claude plugin marketplace add heygen-com/hyperframesclaude plugin install hyperframes@hyperframesDepois, abra uma nova sessão do Claude Code.
OUTROS AGENTES (SKILLS)
Na pasta do projeto, escolha Core Skills na lista:
npx skills add heygen-com/hyperframesSEM AGENTE (WINDOWS, MAC E LINUX)
npx hyperframes init meu-videocd meu-videoPara conferir se falta algo no computador: npx hyperframes doctor
Primeiro uso
- Com agente: peça algo como “Usando /hyperframes, faça uma intro de 10 segundos para o site da minha empresa” (no Claude Code:
/hyperframes:hyperframes). - Ver antes:
npx hyperframes previewabre a prévia no navegador. - Gerar o MP4:
npx hyperframes render --output video.mp4
Cuidados
- Versão zero (v0.8): muda quase todo dia. Atualize as skills do agente com
npx hyperframes skills updatee teste antes de usar num projeto importante. - Render pesado: o Chrome desenha cada quadro e o FFmpeg monta o vídeo. Usa bastante processador e memória do PC.
- Mídia com licença: músicas, imagens e vozes que você colocar no vídeo precisam de autorização própria.
Links oficiais
github.com/heygen-com/hyperframes- Documentação:
hyperframes.heygen.com - Playground:
hyperframes.dev
Passo a passo da documentação oficial do projeto · informações de 12/10/2026 · versão v0.8.150. A Stratia não tem vínculo com o projeto; marcas e imagens pertencem aos seus titulares.