🎬 Como Criar Vídeos com IA — Claude Code + Remotion
Este guia mostra-te cada passo, desde "nunca usei o Claude Code" até "acabei de renderizar o meu primeiro vídeo". Sem necessidade de experiência em código, sem software de edição. Segues os passos e está feito.
O que está neste guia
Este guia mostra-te cada passo, desde "nunca usei o Claude Code" até "acabei de renderizar o meu primeiro vídeo". Sem necessidade de experiência em código, sem software de edição. Segues os passos e está feito.
No final tens:
- Uma conta no Claude Code pronta a usar
- A skill de vídeo do Remotion instalada
- O teu primeiro vídeo gerado por IA renderizado em MP4
São quatro passos. Cerca de 15 minutos no total.
O que é o Claude Code?
O Claude é um assistente de IA da Anthropic. Provavelmente já o usaste no claude.ai para escrever textos, responder a perguntas ou desenvolver ideias.
O Claude Code é o próximo nível. É uma ferramenta que deixa o Claude trabalhar diretamente no teu computador, criar ficheiros, executar comandos, instalar software e construir coisas por ti. Em vez de só conversar, o Claude passa a ser um colaborador que age de facto.
Pensa assim:
- Claude (normal): fazes uma pergunta, ele dá-te a resposta.
- Claude Code: descreves o que queres, e ele constrói-o na tua máquina.
É isso que o torna poderoso para vídeo. Não precisas de aprender software de edição. Describes o vídeo que queres, e o Claude Code cria-o.
O que é uma Skill?
Uma skill é um conjunto de instruções que ensina o Claude Code a fazer uma coisa específica. É um ficheiro de texto em formato markdown que guardas no teu projeto.
Sem uma skill, o Claude Code é um assistente genérico. Consegue fazer muita coisa, mas não tem conhecimento aprofundado de nenhuma ferramenta em concreto.
Com a skill do Remotion instalada, o Claude Code sabe exatamente como:
- Configurar um projeto de vídeo
- Criar composições animadas
- Adicionar sobreposições de texto, transições e efeitos
- Pré-visualizar o vídeo no browser
- Renderizar um ficheiro MP4 final
Um ficheiro muda tudo o que o Claude Code consegue fazer. É só isso.
Passo 1: Criar conta no Claude Code
1.1 Criar a conta
Vai a claude.ai no teu browser. Clica em "Sign Up" e cria a tua conta com um endereço de email. Se já tens conta, avança para a próxima parte.
1.2 Escolher o plano
O Claude Code requer um plano pago. Estas são as opções:
| Plano | Preço | Acesso ao Claude Code |
|---|---|---|
| Free | 0€/mês | Sem acesso |
| Pro | ~20€/mês | Uso limitado |
| Max | ~100€/mês | Uso ilimitado |
Recomendação: Começa com o Pro (~20€/mês). Chega perfeitamente para seguires este guia e criar os primeiros vídeos. Se começares a usar muito, passas para o Max.
1.3 Instalar o Claude Code
Depois de teres um plano pago, tens de instalar o Claude Code no teu computador. Há duas formas:
Opção A: Extensão do VS Code (recomendada para quem está a começar)
- Abre o VS Code (descarrega em code.visualstudio.com se não tens)
- Clica no ícone de Extensões na barra lateral esquerda (ou prime
Cmd+Shift+Xno Mac,Ctrl+Shift+Xno Windows) - Pesquisa por "Claude Code"
- Clica em Instalar
- Faz login com a tua conta Anthropic quando pedido
Opção B: Terminal (linha de comandos)
npm install -g @anthropic-ai/claude-codeDepois corre claude no terminal e faz login quando pedido.
Ambas funcionam. Se tiveres dúvida, vai com o VS Code.
1.4 Verificar que está a funcionar
Abre o Claude Code (no VS Code, prime Cmd+L ou Ctrl+L). Escreve:
Hello, can you hear me?Se o Claude responder, está pronto.
Passo 2: Encontrar a Skill do Remotion no GitHub
2.1 O que estás à procura
A skill do Remotion é um ficheiro markdown hospedado no GitHub. Tens de o encontrar, copiar e passar ao Claude Code.
2.2 Pesquisar
- Vai a github.com no browser
- Usa a barra de pesquisa no topo
- Pesquisa por:
Remotion Claude Code skill - Procura um repositório que contenha o ficheiro da skill (vai ser um ficheiro
.md)
2.3 Copiar o ficheiro da skill
- Abre o ficheiro da skill (chama-se algo como
remotion-video.mdouskill.md) - Clica no botão "Raw" para ver o texto simples
- Seleciona tudo (
Cmd+Ano Mac,Ctrl+Ano Windows) - Copia (
Cmd+Cno Mac,Ctrl+Cno Windows)
Tens o ficheiro no clipboard. Não percas, precisas na próxima etapa.
Passo 3: Instalar a Skill no Claude Code
3.1 Criar a pasta do projeto
Cria uma pasta no teu computador onde vão ficar os teus projetos de vídeo.
Abre o terminal (ou o terminal do VS Code) e corre:
mkdir meu-projeto-video
cd meu-projeto-videoSe estiveres no VS Code, abre esta pasta: File > Open Folder > seleciona meu-projeto-video.
3.2 Pedir ao Claude que configure tudo
Abre o Claude Code e escreve este prompt:
Quero usar o Remotion para criar vídeos. Aqui está o ficheiro da skill que encontrei. Por favor:
1. Configura um novo projeto Remotion nesta pasta
2. Instala a skill para eu poder usar /remotion-video
3. Explica-me o que criaste
Aqui está o ficheiro da skill:
[COLA O FICHEIRO DA SKILL AQUI]Substitui [COLA O FICHEIRO DA SKILL AQUI] pelo ficheiro que copiaste no Passo 2. Cola o conteúdo completo.
3.3 O que o Claude faz
O Claude Code vai:
- Criar a pasta da skill:
.claude/skills/remotion-video/skill.md - Inicializar um projeto Remotion, correr o setup e criar os ficheiros base
- Instalar as dependências com
npm install - Explicar o que fez e guiar-te pela estrutura de pastas
Demora cerca de 2 a 3 minutos. Deixa terminar.
3.4 Verificar que funcionou
Depois do Claude terminar, escreve:
Abre o Remotion Studio para eu ver a pré-visualizaçãoO Claude corre npx remotion studio e vai abrir uma janela do browser com a interface do Remotion Studio. Se a vires, estás pronto.
Passo 4: Criar o Primeiro Vídeo
4.1 O primeiro prompt
Diz ao Claude o vídeo que queres. Aqui está um ponto de partida simples:
Cria um vídeo de 15 segundos com fundo escuro.
Texto centrado a dizer "Hello World" a branco.
O texto deve aparecer em fade ao longo dos primeiros 2 segundos.
Resolução: 1080x1920 (vertical, para Instagram).Este é propositadamente simples. O objetivo é confirmar que tudo funciona antes de avançar.
4.2 O que acontece a seguir
O Claude Code vai:
- Criar um novo ficheiro de composição (um componente React)
- Registá-lo no projeto Remotion
- Abrir o Remotion Studio para pré-visualizares
- Perguntar se queres alterações
Vês o teu vídeo no browser e podes avançar frame a frame.
4.3 Fazer alterações
Não estás satisfeito com algo? Diz simplesmente ao Claude:
- "Aumenta o tamanho do texto"
- "Muda o fundo para azul escuro"
- "Adiciona uma segunda linha de texto a dizer 'O meu primeiro vídeo com IA'"
- "Faz também um fade out no final"
Cada alteração é um prompt. Sem menus para pesquisar, sem timelines para gerir.
4.4 Renderizar o vídeo
Quando estiveres satisfeito com a pré-visualização, diz ao Claude:
Está bom. Renderiza em MP4.O Claude corre o comando de renderização. Vês uma barra de progresso no terminal. Quando chega a 100%, o teu ficheiro MP4 está guardado na pasta do projeto.
Três Prompts de Arranque
Prompt 1: Anúncio de Produto Simples
Cria um vídeo vertical de 30 segundos para [nome do teu negócio].
Fundo escuro (#0f0f0f).
Cor de destaque: [a tua cor de marca, ex: #3B82F6].
Hook (0-5s): "[O teu texto de hook]" aparece em grande e a negrito.
Features (5-20s): Três cards surgem um a um:
- "[Feature 1]"
- "[Feature 2]"
- "[Feature 3]"
CTA (20-30s): "[A tua chamada à ação]" na cor de destaque.
Resolução: 1080x1920 (vertical para Instagram/TikTok).Prompt 2: Reel de Texto Animado
Cria um vídeo vertical de 20 segundos com texto animado.
Fundo: gradiente escuro de #0a0a0a para #1a1a2e.
Cor do texto: branco.
Mostra estas linhas uma a uma, cada uma em fade e a subir desde o fundo:
Linha 1 (0-5s): "[Primeira afirmação]"
Linha 2 (5-10s): "[Segunda afirmação]"
Linha 3 (10-15s): "[Terceira afirmação]"
Linha 4 (15-20s): "[Chamada à ação]" em [cor de destaque]
Cada linha centrada e em grande. Transições suaves.Prompt 3: Vídeo de Estatísticas / Prova Social
Cria um vídeo animado de estatísticas, 20 segundos, vertical.
Fundo escuro. Mostra estes números um a um com animação de contagem:
- [Número 1] — [Legenda 1]
- [Número 2] — [Legenda 2]
- [Número 3] — [Legenda 3]
- [Número 4] — [Legenda 4]
Usa cores de destaque alternadas para cada estatística.
Números grandes, layout limpo, transições suaves entre cada um.Resolução de Problemas
"O Claude Code não está disponível"
Precisas de um plano pago do Claude (Pro ou Max). Verifica a tua subscrição em claude.ai/settings.
"Remotion não está instalado" ou "Cannot find module"
Pede ao Claude Code para corrigir:
O Remotion não parece estar instalado. Consegues verificar e reinstalar?"A skill não carregou"
Confirma que o ficheiro da skill está exatamente neste caminho:
.claude/skills/remotion-video/skill.mdPede ao Claude para verificar:
Podes verificar se a skill do Remotion está instalada corretamente?
Procura em .claude/skills/remotion-video/skill.md"A pré-visualização não abre"
A porta padrão pode estar ocupada. Pede ao Claude:
Abre o Remotion Studio na porta 3005"O vídeo não ficou como queria"
Sê mais específico no prompt. Inclui sempre:
- Cores em hex exatas (ex:
#3B82F6, não "azul") - Durações exatas (ex: "30 segundos", não "curto")
- Estrutura (ex: "Hook 0-5s, corpo 5-25s, CTA 25-30s")
- Conteúdo de texto palavra a palavra
O que Mais Podes Construir?
A skill do Remotion é um exemplo. O mesmo padrão funciona para qualquer coisa:
- Encontras (ou escreves) um ficheiro de skill para uma ferramenta ou workflow específico
- Guardas em
.claude/skills/ - O Claude Code passa a saber fazer essa coisa
Exemplos do que se está a construir com skills:
- Calendários de conteúdo que planeiam um mês de publicações
- Sequências de email que seguem frameworks específicos de copywriting
- Dashboards de dados que visualizam ficheiros CSV
- Landing pages a partir de uma descrição em texto
A skill são apenas instruções. Quanto mais específicas forem as instruções, melhor o Claude performa.
Preferes que isto seja feito por nós? Conhece o nosso serviço de automação de processos.
