Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Hyperframes skill
Você pede o vídeo em português, o Claude monta as cenas em HTML, mostra a prévia pra você ajustar e entrega o MP4 renderizado na sua máquina.
- instalações
- 1,2 milhão
- estrelas no GitHub
- 72,3 mil
- No skills.sh desde
- abril de 2026
- Licença
- Apache-2.0
Atualizada no GitHub em 26 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
O que ela faz
Usa o HyperFrames, um framework aberto da HeyGen que transforma HTML, CSS e animação em vídeo MP4. Cada cena é um arquivo HTML com tempo de início e duração, e o render fotografa quadro a quadro, então o mesmo projeto sempre gera o mesmo vídeo.
Tem roteiro próprio por tipo: lançamento, explicativo, clipe de música, gráfico com números, vertical pra rede social, personagem e legenda sobre vídeo de gente falando. Pra filme de mais de uns 15 segundos, propõe três histórias diferentes pra você escolher antes de construir. O padrão é 1920×1080 a 30 quadros.
Depois de cada mudança, roda a checagem do projeto e revisa quadros do vídeo. Abre a prévia pra você editar e só renderiza quando você aprova, pede o arquivo ou manda seguir sem parar. Texto, cores e mídias ficam como variáveis fáceis de trocar.
Nas palavras de quem fez
Read first to make, edit, animate or render any video with HyperFrames (HTML rendered to video), including launch films, explainers, music videos, charts,…
Quando usar
- Vídeo curto de lançamento de produto ou de oferta
- Explicativo animado pra página de vendas ou aula
- Gráfico ou número animado pra post e apresentação
- Legenda e cartões por cima de um vídeo seu falando
- Corte vertical pra Reels, TikTok ou Shorts
Depois de instalar, é só pedir assim
- Faz um vídeo de 15 segundos lançando meu curso, com título animado e música de fundo
- Cria um vídeo vertical mostrando o faturamento do mês subindo num gráfico
- Coloca legenda animada nesse vídeo meu falando que está na pasta assets
Segurança
Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.
- Gen Agent Trust HubPassou
- SocketPassou
- SnykPassou
Perguntas
Como instalar a Hyperframes no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Hyperframes, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
Precisa pagar a HeyGen?
Pro básico, não: o HyperFrames é aberto, com licença Apache 2.0, e renderiza no seu computador sem cobrança por vídeo. A HeyGen só entra pra apresentador com avatar, vozes da HeyGen, clonagem de voz e o catálogo de músicas: pede o programa heygen com login, que traz uma cota grátis nos créditos da assinatura, ou chave de API, que gasta créditos. Narração, música, efeito sonoro e legenda também têm caminho grátis no computador, alguns com modelo que se instala à parte.
O que precisa ter instalado?
Node.js 22 ou mais novo e FFmpeg. O render usa o Chrome sem janela pra fotografar cada quadro, e os comandos rodam pelo npx hyperframes. A narração gratuita no próprio computador pede Python 3.10 com o Kokoro.
Roda no Codex e no Antigravity?
O repositório diz que as skills funcionam no Claude Code, no Codex, no Cursor, no Gemini CLI e em outros agentes com suporte a skills. No Antigravity, o caminho é o mesmo npx skills add.
Levar essa skill
1x hyperframesR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/heygen-com/hyperframes
Aprenda a usar
- Trabalho freelancer em 2026: 8 áreas e preços
Os 8 tipos de trabalho freelancer mais procurados em 2026, quanto cada serviço paga na realidade e por que vender direto supera sites de leilão.
- Como ganhar dinheiro na internet em 2026
Os caminhos reais para ganhar dinheiro na internet em 2026: prestação de serviço com IA, venda de sites para comércios locais e criação de SaaS.
Na mesma prateleira
Ver as 1.296 skills do corredorHeyGen
media-
O Claude acha ou cria a trilha, a locução, as imagens e o tratamento de cor do seu vídeo HyperFrames e guarda tudo na pasta do projeto.1,1 milhão de instalações, grátisuse 101-skills
ai-
O Claude gera vídeo a partir de texto ou de foto, faz avatar falando com o seu áudio e põe efeito sonoro, tudo por comando no terminal.870,3 mil instalações, grátisvideo- generation ai-
O Claude cria foto de produto, arte pra post e cartaz com texto legível, troca o fundo de uma foto e aumenta a resolução, tudo por comando.869,5 mil instalações, grátisimage- generation Remotion
remotion-
O Claude monta o vídeo em código com Remotion, abre a prévia no navegador pra você acompanhar e só exporta o MP4 quando você pede.Oficial682,9 mil instalações, grátisbest- practices product-
Você cola o link do produto e recebe um vídeo promocional montado com as cores, as fontes e as telas reais do site, aprovado quadro a quadro.538,7 mil instalações, grátislaunch- video motion-
Você descreve a animação e recebe um vídeo de poucos segundos, sem narração, pronto pra pôr no seu conteúdo ou por cima de outro vídeo.513,7 mil instalações, grátisgraphics Matt Pocock
writing-
Você entrega a pilha de anotações e o Claude propõe 2 ou 3 jeitos de seguir a cada trecho, sem nunca usar uma ideia que o leitor ainda não conhece.Auditada486,4 mil instalações, grátisbeats prime-skills
video-
Você descreve a edição e o Claude escolhe entre Wan 2.7, Kling 2.6 e Lucy Edit, manda pra RunComfy e baixa o vídeo pronto na sua pasta.Auditada439,7 mil instalações, grátisedit
Mais da loja HeyGen
Ver a loja HeyGenhyperframes-
Cria, confere, visualiza e renderiza projetos de vídeo HyperFrames pela linha de comandoAuditada1,2 milhão de instalações, grátiscli hyperframes-
Reúne regras de animação, transições de cena e técnicas de motion pra vídeos HyperFramesAuditada1 milhão de instalações, grátisanimation hyperframes-
Instala cerca de 450 blocos prontos de vídeo HyperFrames: transições, títulos, legendas e gráficosAuditada1 milhão de instalações, grátisregistry hyperframes-
Ensina a estrutura de um projeto HyperFrames: composição, atributos de tempo, trilhas e clipesAuditada930,4 mil instalações, grátiscore hyperframes-
Orienta a direção criativa de vídeos HyperFrames: paleta, tipografia, narração e ritmo das cenasAuditada916,5 mil instalações, grátiscreative hyperframes-
Cria zoom, punch-in, Ken Burns e movimentos de câmera em vídeos HyperFramesAuditada754,2 mil instalações, grátiskeyframes hyperframes-
Mixa o áudio de vídeos HyperFrames: fade, volume, crossfade e música que abaixa quando há vozAuditada663,2 mil instalações, grátisaudio general-
Monta composições HyperFrames sob medida, de vídeos longos ou com várias cenasAuditada661,1 mil instalações, grátisvideo faceless-
Transforma um texto, artigo ou tema num vídeo explicativo sem apresentador na telaAuditada521,4 mil instalações, grátisexplainer remotion-
Converte vídeos feitos em Remotion pra HyperFrames e confere quadro a quadro com o originalAuditada508,8 mil instalações, grátisto- hyperframes embedded-
Adiciona legendas a um vídeo de pessoa falando pra câmera, sem mexer na gravaçãoAuditada453,3 mil instalações, grátiscaptions hyperframes-
Guia o trabalho com uma pessoa num projeto HyperFrames no Studio, de pedido a alteraçãoAuditada451 mil instalações, grátisstudio