Como fazer um vídeo com o Claude Code (passo a passo, 2026)

Sim. O Claude Code consegue fazer vídeos: ele escreve a animação como código e renderiza um MP4 no seu próprio computador. Os caminhos mais comuns são os skills de agente do Remotion, o HyperFrames ou um skill de vídeo completo do Motion Skills, que planeja, compõe a música e renderiza um vídeo inteiro. O Claude Code está incluído no Claude Pro e no Max, e você não precisa do Claude Motion, que é um beta separado do Claude nos planos Team e Enterprise.

A seguir: os quatro caminhos lado a lado, um passo a passo da instalação ao MP4 com o Motion Director, o skill gratuito, e um vídeo real acompanhado do briefing até a última revisão.

Conferido com a página de preços do Claude, o quickstart do Claude Code, o guia para agentes de programação do Remotion e o README do HyperFrames em 29 de outubro de 2026.

Quatro formas de fazer vídeo com o Claude Code

Caminho	O que você escreve	O que você recebe	Configuração	Custo
Um prompt para o Opus	Nada; o Claude escreve uma animação em HTML	Uma página que se anima no navegador; gravar ou renderizar fica por sua conta	Nenhuma	Seu plano do Claude
Remotion + seus skills de agente	Componentes React, escritos pelo Claude	Um MP4, a partir de um projeto Remotion que fica com você	`npx create-video`, depois `npx remotion skills add`	Licença própria do Remotion (veja a página de licença deles)
HyperFrames	HTML, CSS e GSAP, escritos pelo Claude	Um MP4, renderizado no Chrome headless com FFmpeg	`npx hyperframes init`, ou o plugin dele para o Claude Code	Código aberto (Apache 2.0)
Um skill de vídeo completo do Motion Skills	Seu material e uma frase	Um vídeo inteiro: uma direção, uma música original, verificações, o MP4	A instalação de uma frase descrita abaixo	Motion Director é grátis; $4.90 por skill, ou um plano

Um prompt para o Opus é a forma mais rápida de ver o que o Claude consegue animar: peça "um título animado de 15 segundos para o meu app, em um único arquivo HTML" e abra o arquivo. O resultado muda a cada execução, e transformá-lo em MP4 fica por sua conta. Nossa página de prompts do Claude Motion tem prompts que as pessoas compartilharam exatamente para isso.

Remotion é o framework consolidado para vídeo em React. O guia para agentes de programação dele orienta você a criar um projeto com npx create-video --yes --blank my-video, adicionar os skills de agente com npx remotion skills add, ver a prévia com npm run dev e iniciar o Claude Code em um segundo terminal. Ele serve para desenvolvedores que querem controle total de cada componente. Confira a licença do Remotion antes de usá-lo no trabalho. Como os skills de agente dele se comparam a um skill de vídeo completo: Skills de agente do Remotion vs Motion Skills.

HyperFrames, da HeyGen, é um framework de código aberto que transforma "HTML, CSS, mídia e animações navegáveis no tempo" em arquivos MP4. Você pode instalá-lo como plugin do Claude Code ou começar um projeto com npx hyperframes init my-video e renderizar com npx hyperframes render. Nossos templates de motion anteriores, agora mantidos como exemplos, foram feitos com ele. Para ver os dois motores lado a lado, leia HyperFrames vs. Remotion.

Um skill de vídeo completo do Motion Skills é carregado pelo seu agente. Você não escreve componentes: entrega a ele seu projeto, suas anotações, seus dados ou seu roteiro e diz para que serve o vídeo. Ele escolhe uma direção e mostra a você um quadro-chave, escreve o vídeo como código, compõe a música, verifica cada quadro e renderiza o MP4 com o nosso motor aberto, o motion-skills (mo). O restante deste guia usa este caminho.

O que você precisa

Claude Code, no Claude Pro ou Max (também no Team, no Enterprise ou com uma conta do Claude Console; ele não está no plano gratuito).
Node.js 22 ou mais recente.
FFmpeg (brew install ffmpeg no macOS).
Google Chrome. O renderizador o controla em modo headless.

O motor se instala sozinho via npx na primeira vez que renderiza; nenhuma chave de API é necessária. O primeiro passo do skill, mo doctor, verifica os três e diz o que está faltando. Mais sobre onde ficam os skills em Como instalar skills de agente.

Passo a passo com o Motion Director

O Motion Director é grátis e só pede login do Google. Ele faz um vídeo de 10–20 segundos de qualquer tipo: um teaser de lançamento, um número que causa impacto, uma ideia explicada, um gancho vertical.

1. Instale com uma frase

Abra o Claude Code em uma pasta (seu projeto ou uma pasta vazia) e cole:

Read https://claude-motion.com/skills/motion-director/install.md and follow it to install the "motion-director" skill, then make a first video with it.

O Claude Code lê o guia e executa um comando, npx motion-skills install motion-director. Na primeira vez, uma página abre no seu navegador: entre com o Google e aprove o código que o seu terminal mostra. Prefere usar o terminal você mesmo? Cada página de skill tem o comando para Claude Code, Codex, Cursor e Gemini CLI: clique em Copiar prompt de instalação e abra a aba Instalar pelo terminal.

2. Entregue o seu material

Diga do que trata o vídeo e indique o que ele deve usar: o repositório em que ele está, um README, um CHANGELOG, uma planilha, um link, um roteiro. Por exemplo:

Faça um teaser de lançamento de 15 segundos para este app a partir do README.md e das notas da versão 2.0 no CHANGELOG.md. 16:9, para o nosso site.

O skill começa um sources.md: cada frase, número e nome que ele pode mostrar, com o arquivo ou a URL de onde veio. Ele só pergunta o que mudaria o vídeo (onde ele vai passar, a duração, a sua marca), com os padrões já escritos. Ainda não tem material? Ele usa um changelog de exemplo que vem com o skill e avisa que fez isso.

3. Escolha uma direção

Antes de construir qualquer coisa, o skill propõe três direções para o seu vídeo, cada uma com uma frase e uma imagem fixa no próprio estilo e paleta (tipografia cinética, história com dados ou quadro branco, no caso do Motion Director). Você escolhe uma, ou mistura ("as cores da segunda na primeira"); se você disse "pode fazer", ele escolhe a mais forte e diz qual. Depois escreve um tratamento curto para essa direção: quando o gancho entra, quando a mensagem principal cai no tempo mais forte e o final que fica parado na tela. Esta é a sua checagem de storyboard: uma imagem fixa é mais rápida de mudar do que um vídeo pronto.

4. Deixe que ele construa, verifique e componha a música

Ele escreve o vídeo como um único index.html (HTML e GSAP) e depois examina o próprio trabalho: uma folha de contato do vídeo inteiro, mo check para encontrar erros, mo audit para que cada frase na tela tenha uma fonte, e imagens estáticas dos momentos-chave, que ele abre e corrige. Ele escreve uma música original com um motivo curto para o seu tema. Como não consegue ouvir, ele diz a você o que escreveu.

5. Peça uma alteração

Assista ao render e diga o que mudar com palavras simples: "o logo entra tarde demais", "use o nosso verde", "segure a última frase por mais tempo". O skill faz a menor alteração possível naquele ponto e naquele momento e renderiza de novo. Você também pode rodar mo studio para abrir uma prévia ao vivo, apertar C, clicar no quadro que você quer e escrever a alteração ali.

6. Receba o MP4

O último render vai para o seu projeto com o caminho, a duração e o formato, uma nota de uma linha sobre o estilo e a música, e um handoff.md. Quando você quiser o vídeo completo daquele tipo, como um vídeo de lançamento de 30–90 segundos, um explicativo ou um vídeo de dados, o skill de vídeo completo correspondente continua a partir da mesma pasta.

Um exemplo real: "Claude Code em três passos"

Este vídeo de 29 segundos foi feito com o nosso skill Vídeo tutorial, que funciona do mesmo jeito que o Motion Director, com um vídeo mais longo e mais estilos.

Claude Code em três passos

Instalar, iniciar num projeto, fazer a primeira pergunta: o quickstart oficial, com a saída real da versão.

Exemplo de Vídeo tutorial16:9 · 29 s

Demo não oficial, não feita nem endossada pela Anthropic.

O briefing. "Um tutorial de onboarding de 30 segundos em 16:9 para pessoas com plano Claude Pro ou Max que nunca usaram o Claude Code, exibido no nosso site e em um e-mail de primeiros passos: instalar, iniciar em um projeto, fazer uma pergunta. Use apenas o quickstart oficial; não invente comandos nem saídas." O material foi o quickstart público e as páginas de configuração do Claude Code, mais uma execução real de claude --version.

As direções. O skill propôs três: um terminal grande com uma trilha de passos, uma única linha de comando sem fim atravessando campos coloridos, e um mapa do sistema mostrando o que cada comando afeta. Ele escolheu o terminal: "a mensagem é um fluxo de trabalho e a interface é um terminal, então a prova mais forte são os comandos reais digitados em tamanho grande". Ele também apontou o risco logo de início: não havia nenhuma captura de tela real de uma sessão, então aquela tela precisava parecer simplificada, e ela traz o rótulo "layout simplificado" no vídeo.

O plano. Um tratamento em compassos a 112 BPM: instalar, iniciar, perguntar, depois a resposta de exemplo no pico e o comando de instalação como cartela final. Cada palavra na tela é rastreada até o quickstart no sources.md do vídeo; a linha da versão é a saída real.

A revisão. Depois do primeiro render, o mo qa mostrou uma pausa de 3 segundos depois do passo 1 e uma pausa de 2 segundos depois do passo 2 de que ninguém precisava. Os passos 2 e 3 foram antecipados e o pico veio um compasso antes, e é por isso que o vídeo tem 29 segundos em vez de 30.

O código-fonte do vídeo, incluindo as direções, o tratamento e as fontes, vem com o skill Vídeo tutorial como exemplo.

Escolha um skill de vídeo completo para o seu tipo de vídeo

O Motion Director para em 20 segundos de propósito. Para o vídeo completo, cada tipo de vídeo tem o seu próprio skill de vídeo completo, com os estilos já incluídos:

Lançamentos: vídeos de lançamento, tutoriais, comparações, apresentações de marca, divulgação de eventos, prévias para lojas de apps.
Ensinar: explicativos, aulas, explicações de artigos científicos, linhas do tempo, explicações de matemática.
Redes: vídeos curtos verticais, vídeos com alguém falando para a câmera, títulos e transições, cards para redes sociais.
Relatórios: vídeos de dados, atualizações de equipe, replays de sessões, apresentações narradas, atualizações para investidores.

Cada skill de vídeo completo custa $4.90, ou todos vêm com um plano: $9.90 por mês, $79 por ano ou $169 uma única vez pelo passe vitalício de fundador. Veja os preços.

Solução de problemas

"FFmpeg not found" ou "Chrome not found". Rode mo doctor (npx --yes motion-skills doctor); ele diz o que está faltando. No macOS, brew install ffmpeg; instale o Google Chrome pelo site do Google.
O Claude Code não usa o skill. Abra uma nova sessão do Claude Code depois de instalar, para que ele leia o novo skill, e peça de novo, citando o nome: "use o skill motion-director".
O sandbox bloqueia um navegador ou um servidor local. O skill precisa dos dois para as verificações visuais. Aprove quando o Claude Code pedir; não deixe que ele pule as verificações.
O vídeo passa de 20 segundos. O Motion Director faz os 20 segundos mais fortes e diz qual skill de vídeo completo faz o vídeo inteiro.

Não usa o Claude Code?

Os mesmos skills funcionam no Codex, no Cursor e no Gemini CLI, que também são o caminho no plano gratuito do Claude. Onde cada agente guarda seus skills está em Como instalar skills de agente. Se você estava procurando o próprio Claude Motion, veja Seu plano não tem o Claude Motion?. Passo a passo para esses agentes, com a pasta que cada um lê: Fazer vídeos com Codex, Cursor ou Gemini CLI.

Perguntas

O Claude Code consegue fazer vídeos?

Sim. O Claude Code consegue escrever animação como código e renderizá-la em MP4 no seu computador. Os caminhos mais comuns são os skills de agente do Remotion (React), o HyperFrames (HTML e GSAP) ou um skill de vídeo completo do Motion Skills, que planeja, compõe a música e renderiza um vídeo inteiro. O Claude Code está incluído no Claude Pro e no Max.

Preciso do Claude Motion para fazer vídeos com o Claude?

Não. O Claude Motion é um recurso beta separado do Claude nos planos Team e Enterprise. O Claude Code no Pro ou no Max consegue fazer o mesmo tipo de animação feita com código usando um skill, renderizada no seu próprio computador.

O que preciso ter instalado?

Node.js 22 ou mais recente, FFmpeg e Google Chrome. O motor motion-skills se instala sozinho via npx na primeira vez que renderiza, e nenhuma chave de API é necessária.

É grátis?

O Motion Director é grátis com login do Google e faz vídeos de 10–20 segundos. Cada skill de vídeo completo custa $4.90, ou todos vêm com um plano: $9.90 por mês, $79 por ano ou $169 uma única vez. Não há créditos; o único consumo é o do seu próprio plano do Claude.

Meu vídeo sai do meu computador?

O vídeo é construído e renderizado no seu computador. Quando um render termina, o motor informa ao claude-motion.com qual skill renderizou e se deu certo, nada sobre o vídeo; definir MOTION_SKILLS_TELEMETRY=0 desativa isso.

Fontes

Anthropic, Claude pricing (quais planos incluem o Claude Code)
Anthropic, Claude Code quickstart
Remotion, Coding agents
HeyGen, HyperFrames on GitHub

Este guia é independente e não tem vínculo com a Anthropic, o Remotion ou a HeyGen. Claude é uma marca registrada da Anthropic, PBC. Conferido com as páginas acima em 29 de outubro de 2026.