Da gravação ao vídeo.

O passo a passo da aula: o Claude no seu computador, o HyperFrames para editar e o Magnific para gerar narração, imagens e vídeos.

Nível 1 · Essencial

Da gravação ao Reel com legenda, revisado e salvo como estilo.

Antes da aula

Tudo acontece no app do Claude no computador. Você não precisa abrir o terminal nem saber programar: você pede, o Claude executa e você aprova.

  • Plano pago do Claude (Pro ou Max). A aba Code, onde o trabalho acontece, exige plano pago.
  • App desktop do Claude para macOS ou Windows, com a sua conta conectada.
  • Uma pasta para cada vídeo, com o arquivo original dentro.

Abra a aba Code

  • Abra o app do Claude e clique em Code, no topo da barra lateral.
  • Embaixo da caixa de texto, escolha o ambiente Local e depois Open folder… para abrir a pasta do vídeo.
  • No seletor de modelo, escolha Opus 5.5.

Quando o Claude pedir permissão para rodar um comando, leia o que ele quer fazer e permita. Se ele pedir a senha do computador, quem digita é você.

Se você esteve na aula de setembro

  • O agente agora é o Claude no app desktop, sem terminal. Em setembro era o Codex.
  • O HyperFrames não tem mais modos para escolher: a skill /hyperframes decide o caminho sozinha.
  • O pedido de edição agora corta pausas e repetições da gravação.

Instale o HyperFrames

O HyperFrames transforma HTML, animações e mídia em vídeo. O Claude escreve o vídeo; o HyperFrames mostra a prévia e gera o MP4. A instalação é feita uma vez por computador e leva de 5 a 15 minutos.

Abra qualquer pasta na aba Code, cole o prompt e deixe rodando enquanto a aula começa.

Instalar o HyperFrames
Prepare este computador para editar vídeos com HyperFrames (https://github.com/heygen-com/hyperframes), seguindo a documentação atual do projeto.

1. Descubra o sistema operacional e a arquitetura e adapte os comandos a eles. Reaproveite o que já estiver instalado e instale só o que faltar.
2. Requisitos: Node.js 22 ou mais novo (com npm e npx) e FFmpeg com FFprobe. Prefira instalar no meu usuário, sem precisar de senha de administrador: Node por um gerenciador de versões ou pelo pacote oficial em uma pasta do usuário, e FFmpeg por binário oficial em uma pasta do usuário. Se algo só puder ser instalado com senha de administrador, pare e me diga exatamente o que eu preciso fazer.
3. Instale as skills principais do HyperFrames para o Claude Code com "npx hyperframes skills update".
4. Garanta o navegador de renderização com "npx hyperframes browser ensure".
5. Verifique tudo com "npx hyperframes doctor --json" e "npx hyperframes skills check --json". Separe o que é obrigatório do que é opcional.
6. Teste de verdade numa pasta temporária: crie um projeto vertical com "npx hyperframes init teste --resolution portrait --non-interactive", renderize um vídeo curto e confirme que o MP4 abre. Teste também a transcrição em português com uma frase curta. Apague a pasta temporária no final.

Não crie projetos nas minhas pastas, não altere arquivos que já existem, não faça login, upload nem nada pago. Ao terminar, me diga em poucas linhas: o que ficou pronto, o que não foi testado e se eu preciso abrir uma nova sessão para o Claude reconhecer as skills.

Depois da instalação, abra uma nova sessão na aba Code, já na pasta do vídeo. As skills instaladas só aparecem em sessões novas.

Edite uma gravação

O exemplo da aula é uma tier list falada para a câmera: 3 minutos de gravação com pausas e repetições, que viram um Reel de pouco mais de 1 minuto com legenda animada.

Um pedido bom tem quatro partes:

  • Fazer: o que você quer e para onde vai.
  • Material: o arquivo e do que ele trata.
  • Critério: cortes, gancho, legenda e formato.
  • Limite: onde o Claude para e espera você.
Editar a gravação
Edite o [nome do arquivo] desta pasta em HyperFrames como um Reel para TikTok e Instagram.
Material: o vídeo [nome do arquivo]. É [assunto], falado por mim.
Critério: corte silêncios, repetições e tentativas erradas, mantendo a ordem da fala. O gancho é a primeira frase completa. Legenda grande e animada, palavra a palavra, sem cobrir o rosto. [Sem trilha ou com trilha baixa]. Formato 1080x1920.
Limite: antes de cortar, me mostre o plano (o que sai e o que fica). Não apague nem altere o original. Abra a prévia no Studio do HyperFrames antes de renderizar e espere meu OK. Salve como [nome]-v1.mp4.
Deixe cada trecho da fala como um clipe separado na timeline e todas as legendas na trilha de legendas, para eu poder aparar, mover e ajustar no Studio.

Antes de aprovar o plano, confira se nenhuma frase importante sumiu e se o gancho está inteiro. Em ranking ou tier list, diga a classificação de cada item: não deixe o Claude adivinhar a sua opinião.

Exemplo da aula: a tier list

O que não está no pedido não aparece no vídeo. Para ter o quadro do ranking e os ícones voando até a nota, entregue os arquivos e descreva a animação. Na pasta do vídeo, crie uma subpasta assets com o quadro (quadro.png) e um ícone por item, com o nome do item.

Tier list com quadro e ícones
Edite o bruto.mp4 desta pasta em HyperFrames como um vídeo de tier list para TikTok e Instagram.
Material: bruto.mp4 é a minha tier list de assistentes de IA, falada por mim. Na pasta assets estão o quadro do ranking (quadro.png, com as linhas S, A, B, C, D e F) e o ícone de cada IA: claude, chatgpt, manus, muse, instinct, openclaw, grok-bot e hermes.
Ranking: siga o que eu falo no vídeo. O Grok Bot é A, mas eu não falo isso: mostre a nota quando eu terminar de falar dele. Para conferir: Hermes S; Instinct e Grok Bot A; Muse B; OpenClaw C; ChatGPT D; Claude e Manus F.
Critério:
1. O quadro fica fixo acima da minha cabeça durante o vídeo todo, sem cobrir o rosto.
2. No início, todos os ícones aparecem nas minhas laterais. Quando eu começo a falar de uma IA, o ícone dela vai para o centro; quando eu falo a nota, ele voa para a linha certa do quadro e fica lá até o fim.
3. Corte silêncios, repetições e tentativas erradas, mantendo a ordem da fala. O gancho é a primeira frase completa.
4. Altamente animado, com legenda cinética palavra a palavra, sem cobrir o rosto nem o quadro.
5. Use o áudio original sem redução de ruído nem outros filtros; só ajuste o volume. Sem trilha. Formato 1080x1920.
Limite: antes de montar, me mostre o plano: o que sai da fala e em que segundo cada ícone vai para o centro e para a nota. Não apague nem altere o bruto. Abra a prévia no Studio do HyperFrames antes de renderizar e espere meu OK. Salve como tierlist-hf-v1.mp4.
Deixe cada trecho da fala como um clipe separado na timeline e as legendas na trilha de legendas, para eu poder aparar e ajustar no Studio.

Revise e exporte

O Claude monta o vídeo e abre a prévia no Studio do HyperFrames, no navegador. Ali você assiste, apara, move e divide os clipes. O Claude enxerga o que você mudou e continua a partir dali.

Peça correções com lugar e tempo. "Aumente a legenda entre 00:04 e 00:07" vira correção; "melhora aí" não vira nada.

Pedir uma correção
Mantenha os cortes como estão. Entre 00:04 e 00:08 a legenda cobre o queixo: suba a legenda e aumente em cerca de 30%. Normalize o volume para o padrão de Reels. Atualize a prévia e espere meu OK. Depois salve como v2, sem apagar a v1.

Quando a prévia estiver certa, diga: "Prévia aprovada. Pode renderizar a versão final." Assista ao MP4 no celular antes de postar.

Salve o seu estilo

O Claude não lembra da conversa de ontem; lembra do que está escrito. O CLAUDE.md é um arquivo que ele lê sempre que você abre aquela pasta. Guarde seus vídeos dentro de uma pasta-mãe e salve o estilo nela.

Salvar o estilo
Escreva no CLAUDE.md desta pasta o estilo que aprovamos (cortes, legenda, cores, volume, formato e as correções que eu pedi), para eu usar nos próximos vídeos.
Nível 2 · Criar

Referências, vídeos sem gravação e o Remotion.

Referências e arquivos

"Faça algo moderno" deixa decisões demais em aberto. Mostre referências e entregue os seus arquivos antes de começar.

  • Referências: imagens que o Claude consiga abrir. Num vídeo de referência, diga os tempos dos momentos que importam e descreva o ritmo, porque uma imagem parada não mostra movimento.
  • Seus arquivos: logo, prints, fotos, gravações, textos revisados, cores e fontes da marca. Use nomes claros, como logo.svg e tela-inicio.png.
  • Separe as referências numa subpasta, longe do que vai entrar no vídeo.
Usar referências e arquivos
Antes de produzir, analise as referências da pasta referencias e me diga o que observa sobre composição, tipografia, cores e movimento.
Quero aproveitar: [o que você gostou]. Não quero: [o que não serve].
Use os meus arquivos desta pasta e não os substitua por versões inventadas. Antes de buscar ou gerar algo, liste o que falta.

Crie um vídeo do zero

Para um vídeo sem gravação, como um anúncio ou uma explicação, o pedido precisa definir o vídeo e não só o assunto. Se você quer muito movimento, diga isso: por padrão, o HyperFrames deixa cada título parado depois que ele entra.

Criar um vídeo do zero
Use a skill hyperframes para criar este vídeo em um projeto próprio nesta pasta.

Objetivo: [o que a pessoa deve entender, sentir ou fazer].
Público: [para quem é].
Destino e formato: [Reels 9:16, YouTube 16:9…].
Duração: [tempo].
Mensagem principal: [uma frase].
Texto obrigatório e chamada final: [textos e ação].
Dinâmica: [calma ou acelerada; quanto movimento; transições]. Garanta tempo para ler cada texto.
Identidade: [cores, fontes, estilo].
Áudio: [sem voz, gravação minha ou narração; música; legendas].
Não fazer: [o que você não quer].

Antes de construir, me mostre o plano das cenas para eu aprovar. Depois, abra a prévia no Studio e espere meu OK antes de renderizar.

Outra ferramenta: Remotion

O Remotion também transforma código em vídeo. Num teste com o mesmo briefing, o vídeo de lançamento do Afonsinho feito em Remotion saiu mais fluido e com mais animação do que o feito em HyperFrames. Use-o quando quiser movimento o tempo todo.

O Remotion tem o seu próprio Studio, onde você ajusta textos, cores e tamanhos sem mexer no código. É gratuito para pessoas e empresas de até 3 pessoas.

Editar em Remotion
Edite o [nome do arquivo] desta pasta em Remotion como um Reel para TikTok e Instagram.
Material: o vídeo [nome do arquivo]. É [assunto], falado por mim.
Critério: corte silêncios, repetições e tentativas erradas, mantendo a ordem da fala. O gancho é a primeira frase completa. Legenda grande e animada, palavra a palavra, sem cobrir o rosto. [Sem trilha ou com trilha baixa]. Formato 1080x1920.
Limite: antes de cortar, me mostre o plano (o que sai e o que fica). Não apague nem altere o original. Abra a prévia no Remotion Studio antes de renderizar. Salve como [nome]-v1.mp4.
Deixe textos, cores, tamanho da legenda e pontos de corte como props editáveis no painel Props do Remotion Studio.
Nível 3 · Avançado

Narração, imagens e vídeos gerados com o Magnific.

Conecte o Magnific

O Magnific reúne modelos de imagem, vídeo, voz, música e efeitos sonoros. Conectado ao Claude, ele deixa o Claude gerar narração, imagens e vídeos e trazer o resultado para a sua pasta. Foi assim que o vídeo de lançamento do Afonsinho ganhou narração, trilha e efeitos.

Cada geração gasta créditos da sua conta Magnific, e os arquivos que você usar como base são enviados para o Magnific.

Adicione o conector

  • No app do Claude, abra Customize e depois Connectors.
  • Clique em + Add e escolha Add custom connector.
  • Nome: Magnific. URL: https://mcp.magnific.com.
  • Continue, entre com a sua conta Magnific e clique em Add.
  • Abra uma nova sessão na aba Code. Se o Magnific não aparecer, clique em + ao lado da caixa de texto, depois em Connectors, e ative o Magnific.

Controle o gasto

Comece todo pedido de geração com um teto. O Claude consegue simular o custo antes de gerar, sem gastar nada.

Definir o teto de créditos
Use o Magnific nesta sessão com teto de [número] créditos. Antes de cada geração, simule o custo, me diga o modelo e o valor e espere meu OK. Salve o que gerar nesta pasta e anote cada gasto num arquivo CUSTOS.md.

Para ter uma ideia, em setembro: narração de 60 palavras custou cerca de 74 créditos; uma trilha de 30 segundos, de 80 a 600, conforme o modelo; um efeito sonoro de 2 segundos, cerca de 10; um vídeo gerado de 5 segundos, até 2.800. Os preços mudam: confie na simulação.

Gere narração, imagens e vídeos

Narração, trilha e efeitos
Escreva uma narração de até [número] palavras para este vídeo, no tom [animado, calmo, sério], e me mostre o texto antes de gerar.
Depois de eu aprovar, gere a narração no Magnific com uma voz em português do Brasil: me mostre 3 vozes para eu escolher. Gere também uma trilha instrumental de [duração] com [clima] e efeitos curtos nos momentos de transição.
Não imite a voz de nenhuma pessoa real. Coloque tudo no vídeo com a trilha abaixo da narração.
Imagens para o vídeo
Gere no Magnific [número] imagens para [cenas ou momentos], no formato 9:16, no estilo [descrição], sem texto dentro da imagem.
Use o meu logo e as minhas fotos como referência quando fizer sentido. Me mostre as imagens antes de usar no vídeo.
Vídeo gerado do zero
Gere no Magnific uma cena de vídeo de [duração] segundos: [o que acontece, onde, com que câmera e luz]. Formato 9:16, sem texto na imagem.
Me diga o modelo e o custo antes de gerar. Se ficar bom, encaixe a cena no vídeo no ponto [tempo ou cena].

O Magnific também edita um vídeo que já existe: troca o fundo, um objeto ou o estilo, mantendo o movimento. O modelo recomendado trabalha com trechos de 3 a 30 segundos.

Trocar algo num vídeo gravado
No [nome do arquivo], recorte o trecho de [00:12] a [00:18] e use a edição de vídeo do Magnific para [trocar o fundo por um estúdio claro / substituir a caneca por uma xícara de café], mantendo a pessoa e o movimento como estão.
Me diga o modelo e o custo antes de gerar. Depois, encaixe o trecho editado de volta no mesmo ponto, sem alterar o original, e salve como [nome]-v2.mp4.

Um vídeo completo

O vídeo de lançamento do Afonsinho foi feito assim: um briefing só, com o Claude como diretor e motion designer, o Magnific para narração, trilha e efeitos, e o Remotion para a animação. 25 segundos, legenda sincronizada e mix no padrão das redes.

Um vídeo completo
Você é diretor de criação e motion designer. Crie um vídeo de [duração] segundos de [lançamento, anúncio, explicação] para [produto ou tema], em 1080x1920, para Instagram e TikTok.

Fatos que podem aparecer (não invente outros): [lista].
Frases e chamada final: [textos e site].
Marca: [cores, fontes, logo na pasta]. Não redesenhe o logo.
Direção: gancho no primeiro segundo e meio, ritmo de trailer, movimento contínuo, cortes no tempo da trilha, legenda queimada sincronizada com a narração. Marca e chamada legíveis por pelo menos 2 segundos no final.
Áudio pelo Magnific: narração em português do Brasil de [número] palavras, trilha instrumental e efeitos nos movimentos. Narração sempre clara, trilha abaixo dela.
Ferramenta: [Remotion ou HyperFrames].
Créditos: teto de [número]. Simule o custo antes de cada geração e anote os gastos.

Trabalhe em etapas: primeiro o roteiro e um esboço com a narração no tempo, para eu aprovar; depois a animação; depois o acabamento. Revise o vídeo renderizado de verdade antes de me entregar. Entregue o MP4, o projeto editável e um resumo do que gastou.

Checklist da aula

  • App do Claude na aba Code, com Opus 5.5.
  • HyperFrames instalado e testado, e uma sessão nova aberta.
  • Pasta do vídeo com o original e os seus arquivos.
  • Pedido com fazer, material, critério e limite.
  • Plano aprovado antes de cortar.
  • Prévia revisada, com correções de lugar e tempo.
  • Render só depois do OK, sem apagar a versão anterior.
  • Vídeo assistido no celular antes de postar.
  • Estilo salvo no CLAUDE.md.
  • No avançado: teto de créditos definido antes de gerar.