# HyperFrames com Codex e Claude Code: seu primeiro vídeo > **Resposta Direta:** A Aula 3 de 7 ("HyperFrames com Codex e Claude Code: seu primeiro vídeo"), parte do módulo "Primeiros passos" do curso gratuito "HyperFrames sem mistério: vídeos com IA e motion graphics" na Escola de Aplicativos (ministrado por Mauro Mequelussi), ensina na prática: prática, você verá os pré-requisitos necessários para rodar o HyperFrames no terminal com Claude Code ou Codex. Acompanhe a criação passo a passo de um vídeo de 10 segundos para o site do Hono, a análise dos defeitos da primeira tentativa e como solicitar correções objetivas para o agente. ## Ficha Técnica da Aula - **Curso:** [HyperFrames sem mistério: vídeos com IA e motion graphics](https://www.escoladeaplicativos.com.br/cursos/hyperframes-sem-misterio) - **Escola:** Escola de Aplicativos (https://www.escoladeaplicativos.com.br) - **Instrutor:** Mauro Mequelussi - **Módulo 1 de 2:** Primeiros passos - **Posição na trilha:** Aula 3 de 7 - **Duração da videoaula:** 2 min - **Nível:** Iniciante - **Idioma:** Português (PT-BR) - **Custo:** 100% Gratuito (R$ 0) - **Certificado:** Certificado gratuito verificável incluso ao concluir o curso - **Acesso ao vídeo:** Resumo técnico aberto; videoaula em HD liberada mediante cadastro gratuito - **URL canônica:** https://www.escoladeaplicativos.com.br/cursos/hyperframes-sem-misterio/hyperframes-com-codex-e-claude-code-seu-primeiro-video ## O que você vai aprender - Quais são os três requisitos para executar o HyperFrames na sua máquina. - Como instalar as skills oficiais no Claude Code e outros agentes de IA. - A estrutura do prompt inicial para criar uma introdução de produto a partir de uma URL. - Como avaliar criticamente o primeiro corte e pedir ajustes visuais objetivos. - O ciclo fundamental de pedir, visualizar, ajustar e exportar. ## Pontos-chave da Aula - O processo local depende apenas de um agente de código, Node.js 22+ e FFmpeg. - Não é necessário gerar chaves de API nem criar contas para renderizar na máquina. - A primeira versão gerada serve como ponto de partida iterativo, não como arquivo definitivo. - Ajustes em texto, transições e escalas podem ser solicitados em linguagem natural. ## Capítulos e Tópicos da Videoaula - **[00:00] Criando um vídeo de 10 segundos a partir de um site** — Visão geral do processo de gerar um vídeo promocional curto em poucos minutos. - **[00:07] Requisitos de sistema: agente, Node.js e FFmpeg** — Ferramentas necessárias na máquina para rodar o HyperFrames e como verificar se tudo está pronto. - **[00:23] Instalação das skills e plugins do HyperFrames** — Como carregar as instruções no agente de código sem precisar de chaves ou contas externas. - **[00:40] O primeiro prompt: gerando o vídeo de um site** — Como disparar o comando com a URL de referência para o agente extrair identidade visual e estruturar a cena. - **[01:00] Análise da primeira versão e ajustes finos** — Revisão do resultado inicial gerado pelo agente e os comandos de refinamento para corrigir falhas visuais. - **[01:31] Placar: tempo de renderização e custo** — Métricas reais de tempo de geração, iteração e custos de processamento local. - **[01:38] O ciclo de desenvolvimento: pedir, ver, ajustar e gravar** — A metodologia iterativa para conversar com o agente e refinar o vídeo até a versão final. - **[01:55] Alternativas visuais e os próximos passos** — Opções sem terminal como o HyperFrames Studio e prévia dos próximos testes práticos. ## Destaques Práticos - **[00:23] Da instalação ao primeiro pedido de vídeo**: Veja como instalar as skills do HyperFrames e gerar um vídeo direto de um site em segundos. - **[01:00] Analisando a primeira versão e fazendo ajustes**: Confira o resultado bruto da primeira tentativa e como pedir ajustes pontuais ao agente. - **[01:38] O ciclo de trabalho e ferramentas alternativas**: Entenda a lógica de iteração do HyperFrames e conheça alternativas sem linha de comando. ## Conceitos e Tecnologias Abordados - **Tópicos:** Instalação do HyperFrames, Configuração de agentes de código, Comandos com Claude Code, Extração de identidade visual de sites, Ciclo de ajustes iterativos, Geração local com FFmpeg - **Ferramentas e Entidades:** HyperFrames, Claude Code, Cursor, Codex, Node.js, FFmpeg, Hono, HeyGen, ChatGPT ## Documentação e Referências Oficiais - [Site oficial do Hono (usado como exemplo na aula)](https://hono.dev) - [Repositório oficial do HyperFrames no GitHub](https://github.com/heygen-com/hyperframes) ## Perguntas Frequentes (FAQ) ### O que é ensinado na Aula 3 (HyperFrames com Codex e Claude Code: seu primeiro vídeo) do curso HyperFrames sem mistério: vídeos com IA e motion graphics? Nesta aula do módulo "Primeiros passos" na Escola de Aplicativos, você aprende de forma prática: Quais são os três requisitos para executar o HyperFrames na sua máquina.; Como instalar as skills oficiais no Claude Code e outros agentes de IA.; A estrutura do prompt inicial para criar uma introdução de produto a partir de uma URL.; Como avaliar criticamente o primeiro corte e pedir ajustes visuais objetivos.. ### Como assistir ao vídeo completo da aula "HyperFrames com Codex e Claude Code: seu primeiro vídeo" gratuitamente? O resumo técnico estruturado desta aula é público e gratuito. Para assistir à videoaula completa em HD, basta entrar ou criar sua conta 100% gratuita na Escola de Aplicativos — o cadastro leva segundos e libera todas as 7 aulas do curso "HyperFrames sem mistério: vídeos com IA e motion graphics", controle de progresso, Tutor IA e emissão de certificado gratuito. ### Quais tecnologias e conceitos são abordados em "HyperFrames com Codex e Claude Code: seu primeiro vídeo"? A aula cobre diretamente os seguintes tópicos técnicos aplicados em produção: Instalação do HyperFrames, Configuração de agentes de código, Comandos com Claude Code, Extração de identidade visual de sites, Ciclo de ajustes iterativos, Geração local com FFmpeg. ### O curso "HyperFrames sem mistério: vídeos com IA e motion graphics" oferece certificado gratuito? Sim. Ao assistir às 7 aulas do curso gratuito "HyperFrames sem mistério: vídeos com IA e motion graphics" na Área de Membros da Escola de Aplicativos, você emite gratuitamente um certificado digital em português com código de verificação pública. ## Como assistir à videoaula completa gratuitamente Crie sua conta gratuita em segundos em https://www.escoladeaplicativos.com.br/login?redirect=%2Fm%2Fcursos%2Fhyperframes-sem-misterio%2Faula%2Fhyperframes-com-codex-e-claude-code-seu-primeiro-video para assistir ao vídeo completo desta aula em HD na Área de Membros da Escola de Aplicativos, com progresso salvo, Tutor IA e certificado gratuito verificável. ## Navegação do Curso - **Aula anterior:** [Aula 2: O que é HyperFrames e como criar vídeos com IA](https://www.escoladeaplicativos.com.br/cursos/hyperframes-sem-misterio/o-que-e-hyperframes-e-como-criar-videos-com-ia) - **Próxima aula:** [Aula 4: Motion graphics, Reels e testes reais no HyperFrames](https://www.escoladeaplicativos.com.br/cursos/hyperframes-sem-misterio/motion-graphics-reels-e-testes-reais-no-hyperframes)