Voltar ao blog
Primeiros passos · 09 / 19

Como usar Claude Motion com Claude Code

Compile o exemplo aberto, forneça um briefing delimitado, revise alterações e confira o vídeo final.

Este tutorial usa whaleyxbt/claude-motion, o projeto aberto baseado em Remotion. Não instala o Motion oficial da Anthropic nem este site independente Claude Motion Skills. Conferimos os comandos na documentação e nos scripts, mas não os executamos em todos os computadores compatíveis. Se faltarem ferramentas, comece pelos requisitos.

Inicie o agente no projeto correto

Instale Claude Code pela documentação atual da Anthropic e entre usando um fluxo compatível. Confira claude --version. A autenticação do agente e as dependências do repositório são questões separadas. Prepare uma pasta exclusiva, clone o repositório exato abaixo e preserve suas instruções. Se você queria os modelos deste site, use primeiros passos e cm-skills. Não instale um pacote npx alheio apenas porque o nome se parece.

Fontes e leituras adicionais: whaleyxbtAnthropicClaude Motion Skills

Compile o original antes de alterar

Execute os comandos em uma pasta onde seja possível criar um diretório. A compilação documentada encadeia geração de som, renderização Remotion e combinação FFmpeg; o exemplo esperado é out/effort.mp4. Abra-o antes de pedir um novo design. Se parar, guarde o primeiro erro e identifique a etapa que falhou. Inicie Claude Code dentro da pasta clonada para analisar arquivos reais, em vez de descrever um projeto hipotético em outro lugar.

git clone https://github.com/whaleyxbt/claude-motion
cd claude-motion
npm install
npm run build
claude
Fontes e leituras adicionais: whaleyxbtwhaleyxbt

Forneça uma tarefa criativa delimitada

Peça a leitura de AGENTS.md, CLAUDE.md e das habilidades relevantes antes de editar. Entregue texto final, recursos autorizados, público, formato e duração. Uma boa primeira tarefa é um anúncio quadrado de quinze segundos, três cenas e uma ação final. Solicite storyboard e tempos antes da implementação. Exija preservar fatos e apontar recursos ausentes. Peça explicação antes de instalações no sistema ou serviços externos pagos; um briefing de vídeo não exige mudanças ilimitadas no computador.

Fontes e leituras adicionais: whaleyxbt

Use o ciclo de revisão do projeto

Peça um rascunho de baixa resolução e uma folha de contatos, depois examine as imagens reais. O projeto inclui scripts draft e sheet; o comando abaixo usa o rascunho renderizado. Dê feedback por cena e horário. Corrija transbordamento, texto pequeno, transições bruscas e tempo insuficiente de leitura antes do render final. Guarde uma cópia funcional ou um checkpoint Git. Se uma alteração falhar, compare arquivos modificados e erros em vez de pedir repetidamente para reconstruir tudo.

npm run draft
npm run sheet -- --video out/draft.mp4
Fontes e leituras adicionais: whaleyxbtwhaleyxbt

Confira o arquivo a entregar

Renderize com os scripts apropriados e abra o MP4 em um reprodutor. Confira duração, dimensões, áudio, último quadro e texto exato da chamada para ação. Salve o projeto e uma nota com os comandos que funcionaram. O arquivo oferece evidência mais forte do que a afirmação do agente de que terminou. Para o fluxo independente deste site, siga as instruções de prévia e render local; não suponha que o serviço opcional de voz está disponível.

Fontes e leituras adicionais: whaleyxbtClaude Motion Skills

Seu próximo passo

Primeiro comprove que o exemplo original funciona. Depois peça mudanças pequenas e verificáveis e confira a exportação antes de entregar.

Explore o espaço de criação

Fontes e leituras adicionais

As referências levam à documentação original e aos criadores. A disponibilidade pode mudar; confira a fonte antes de assinar ou instalar.

  1. Claude Motion repository and quick startwhaleyxbt
  2. Project build scriptswhaleyxbt
  3. Set up Claude CodeAnthropic
  4. Claude Motion Skills getting startedClaude Motion Skills