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.
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
/hyperframesdecide 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.
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ê.
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.
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.
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.
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.
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.svgetela-inicio.png. - Separe as referências numa subpasta, longe do que vai entrar no vídeo.
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.
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.
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.
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.
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
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.
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.
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.
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.
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.