Anime um número e um gráfico com HyperFrames

Defina o que o vídeo precisa mostrar

Use uma peça curta para descobrir o fluxo. Neste exercício, o contador vai de zero a 120 e apresenta três barras com os valores 30, 50 e 40. Esses números são fictícios e devem ser identificados como exemplo se você publicar o resultado.

Escolha 1080 × 1920 para um Reel, dez segundos de duração e uma mensagem final. Guarde os números num arquivo separado para conferir o que aparece na tela.

Instale a integração oficial

Abra o terminal na pasta do projeto. No Claude Code, o README apresenta os dois comandos abaixo para instalar o plugin. Confira o repositório antes de executá-los e revise as permissões pedidas pelo seu agente.

A instalação da ferramenta não inclui o plano do agente nem serviços de mídia pagos.

claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes

Aprove um storyboard curto

Abra uma sessão no projeto e use /hyperframes:hyperframes. Peça primeiro o plano: título entre 0 e 2 segundos, contador entre 2 e 5, barras entre 5 e 8 e conclusão nos dois segundos finais.

Confira a ordem e o tempo de leitura. Só depois peça os arquivos. Se preferir React, o tutorial de Remotion da Agentspedia cobre esse caminho separado.

Use um pedido com critérios de revisão

Adapte este briefing ao seu tema. Definir a aparência de entrada e o estado final evita movimentos aleatórios. Peça também uma prévia, para que você possa corrigir a cena antes do render completo.

/hyperframes:hyperframes Crie um vídeo 1080x1920, 10 segundos, com fundo azul-escuro e texto claro. É um exemplo com dados fictícios: contador 0 a 120; barras A=30, B=50, C=40. Apresente o storyboard antes. Animações com início e fim definidos, sem flashes. Mostre o contador inteiro, inclua unidade e mantenha texto longe das áreas de interface do Reel. Gere prévia e folha de quadros antes do MP4 final.

Revise os números e o movimento

Veja a peça inteira e pause no início, nas transições e no último quadro. O contador termina em 120? A soma das barras fecha? O rótulo fica legível quando a barra cresce? Há texto cortado ou elementos pulando de posição?

Confira também fonte, contraste e tempo de leitura no celular. Se uma cena falhar, descreva o problema e peça ajuste só nela. Guarde a prévia anterior para comparar.

Renderize e confira o arquivo entregue

Com a prévia aprovada, peça a validação do projeto e a exportação pelo fluxo indicado na documentação do HyperFrames. Abra o MP4 fora do editor e verifique resolução, duração, áudio e o último quadro.

Salve o briefing e os arquivos de origem junto ao vídeo. Isso permite trocar os números depois sem reconstruir a peça inteira.