Antes de começar
- Use um computador com acesso à internet para consultar a documentação e preparar as ferramentas.
- Separe um vídeo curto e mantenha uma cópia do original.
- Escolha uma pasta exclusiva para o exercício, com um nome fácil de reconhecer.
1. Escolha Codex ou Claude Code
Escolha um dos caminhos: Codex, da OpenAI, ou Claude Code, da Anthropic. Você não precisa usar os dois para fazer a prática.
No caminho Codex, siga o início rápido da OpenAI: instale o aplicativo desktop indicado, entre na conta e selecione Codex. No caminho Claude Code, siga o início rápido da Anthropic para instalar e abrir o agente na pasta do exercício.
Entre na sua conta e siga o fluxo documentado para trabalhar na pasta do exercício. Confirme qual pasta o agente está usando antes de iniciar o projeto.
Se o caminho escolhido usar um terminal, abra a sessão dentro da pasta do exercício. Os nomes de telas e as opções de acesso podem mudar; use a documentação atual como referência.
Confira também os requisitos do Remotion, além dos requisitos do agente. No Windows, mantenha Node.js, Git e o projeto no mesmo ambiente usado pelo agente; se escolher WSL, faça a preparação dentro dele.
2. Verifique o ambiente
Envie o pedido de verificação abaixo. Confira o que já funciona e quais itens estão ausentes.
Quando faltar Node.js, escolha a versão LTS compatível no site oficial; ela inclui o npm. Instale Git pelo link do seu sistema se estiver ausente. Confirme node --version, npm --version e git --version, ou peça ao agente para fazer essa verificação.
Repita a verificação depois de resolver as pendências. Se surgir um erro, copie a mensagem completa e retire senhas, tokens ou outros dados pessoais antes de enviá-la.
Quando usar: Depois de abrir a pasta do exercício no agente escolhido.
Quero preparar este computador para editar vídeos locais com Remotion. Verifique o sistema, a pasta de trabalho e a disponibilidade do Node.js, npm e Git. Diga o que já está pronto e o que falta. Para cada item ausente, explique o próximo passo em linguagem simples e use a documentação oficial atual. Não atualize nem substitua instalações que já funcionam sem explicar a necessidade. Ao terminar, faça um teste mínimo dos requisitos disponíveis, sem criar a edição ainda.Quando usar: Somente se a verificação ou a configuração apresentar um erro.
Esta foi a mensagem de erro: [COLE A MENSAGEM SEM DADOS PESSOAIS]. Explique a causa provável em linguagem simples. Verifique o estado atual e corrija apenas o que estiver relacionado ao erro. Preserve os arquivos existentes e confirme se a correção resolveu o problema.
3. Organize os materiais
Separe quatro pastas: originais para gravações preservadas; assets para fotos, logos, banners e outros materiais de apoio; projeto para a edição editável; entregas para os arquivos finais.
Coloque seu vídeo em originais e use nomes que identifiquem o conteúdo. Evite vários arquivos com nomes indistinguíveis, como final, final2 e final-agora.
Dentro do projeto Remotion, reconheça public como a pasta de materiais usados pela composição e src como a pasta do código da edição. Mantenha o original preservado quando um arquivo precisar ser copiado para public.
Organize este trabalho em originais, assets, projeto e entregas. Preserve os vídeos originais e tudo o que já existir. O vídeo deste exercício é [ARQUIVO]. Identifique os arquivos que usaremos e mantenha os caminhos claros. Se precisar copiar um material para public no projeto Remotion, preserve a origem e evite duplicações desnecessárias. Informe onde ficou cada material.
4. Configure o Remotion e as skills
Use a documentação oficial do Remotion para preparar o projeto na pasta projeto.
Instale as skills oficiais de remotion-dev/skills pelo procedimento atual compatível com o agente escolhido. Skills são instruções para o agente trabalhar com Remotion; elas não substituem o projeto da edição.
Confira a confirmação de que as skills estão disponíveis. Não é necessário clonar o repositório inteiro do Remotion para seguir esta prática.
O comando publicado para instalar as skills é npx skills add remotion-dev/skills. Execute na pasta do trabalho, selecione seu agente quando solicitado e confirme a instalação. Você também pode usar o pedido abaixo para o agente fazer essa configuração.
Na pasta projeto deste trabalho, prepare um projeto Remotion para vídeos verticais 1080 × 1920. Preserve os arquivos existentes e os originais. Instale as skills oficiais de remotion-dev/skills seguindo a documentação atual em https://www.remotion.dev/docs/ai/skills e o procedimento compatível com este agente. Confirme que estão disponíveis e diga como serão usadas. Nesta etapa, apenas prepare e verifique a configuração; criaremos a composição de teste no próximo pedido.5. Abra a primeira prévia
Peça uma composição vertical de cinco segundos com um título simples.
Abra o endereço informado e dê play. Confirme se o texto aparece, se os cinco segundos são reproduzidos e se não há erro impedindo a visualização.
Diferencie as entregas: o projeto é editável; a prévia permite assistir e revisar; o MP4 é o arquivo exportado para compartilhar. Nesta etapa, basta a prévia funcionar.
No projeto Remotion que acabamos de configurar, crie uma composição vertical de 5 segundos com o texto “Meu primeiro projeto”. Use um fundo simples e texto legível. Inicie a prévia e informe o endereço para eu abrir. Confirme que a composição funciona. Não exporte MP4 nesta etapa.6. Retome o mesmo projeto
Feche a prévia e retorne à mesma pasta de trabalho no agente escolhido.
Peça para abrir a composição existente. Confira se ela funciona sem criar outro projeto nem reinstalar o que já estava pronto.
Anote onde ficam a pasta do trabalho e a pasta entregas. Use esse mesmo projeto na primeira edição simples.
Estou retomando este projeto na mesma pasta. Identifique a composição de teste existente e abra a prévia. Preserve a configuração e os arquivos; não crie um novo projeto nem reinstale o que já funciona.