Como criar carrosséis animados em 3D com o Claude: passo a passo completo (Cowork, Code e Remotion)

Este guia mostra, do zero, como montar o processo que usamos na Y2 Studio para criar carrosséis animados em 3D para o Instagram conversando com o Claude: texto, animação com trilha sonora, agendamento e resposta automática por mensagem. São os programas, as integrações, as skills, os comandos e as configurações do Cowork e do Claude Code, em ordem, para você repetir.

O exemplo é real: o carrossel “Claude + WordPress”, que está no nosso Instagram, foi feito exatamente assim. A parte que exige trabalho é a configuração inicial. Depois dela, cada novo carrossel vira uma conversa com duas paradas de aprovação, e nada vai ao ar sem o seu OK.

O que você terá no final

Um carrossel de 8 lâminas animadas em 3D, com trilha e efeitos sonoros sincronizados, mais uma versão contínua de 52 segundos para Reels. Toque no vídeo abaixo para ouvir com som.

Além dos vídeos, o processo entrega a legenda com hashtags, o agendamento da publicação e uma automação que responde por mensagem a quem comenta uma palavra-chave.

Como o processo funciona

Em vez de um programa gigante, são três peças que se combinam: o Claude (que conversa e executa), as skills (instruções salvas que ensinam o Claude a repetir um trabalho do jeito da sua marca) e as integrações (conexões com os serviços onde o conteúdo é publicado).

O que você precisa ter

Instalar os programas

Os comandos abaixo são para Windows (PowerShell). No macOS, o caminho é equivalente.

irm https://claude.ai/install.ps1 | iex

claude --version
claude doctor

node --version
npm --version

winget install Gyan.FFmpeg
ffmpeg -version

pip install numpy pillow

Configurar o Cowork e o Claude Code

As duas abas usam a mesma inteligência, mas funcionam de forma diferente. Entender a diferença evita a dúvida mais comum: “instalei a skill e ela não aparece”.

Organizar a pasta de trabalho e a marca

O Claude produz melhor quando encontra tudo no mesmo lugar. Esta é a estrutura que usamos (adapte os nomes):

MeuCowork/
├── 03_Marca/
│   ├── y2studio/
│   │   ├── marca-y2.md        (tom de voz, público, regras)
│   │   └── logos/             (logo colorido e branco)
│   ├── fontes/                (arquivos .ttf da marca)
│   ├── audio/trilhas/         (músicas + licencas.md)
│   └── modelos/y2studio.json  (cores e fontes em formato simples)
├── 01_Instagram/
│   ├── 02_Roteiros_Legendas/  (texto aprovado de cada peça)
│   └── 03_Em_Aprovacao/       (vídeos e imagens para você revisar)
└── .claude/
    └── skills/                (as skills do projeto)

O resumo da marca

Crie o arquivo marca-y2.md com o que o Claude precisa saber: quem é o público, como a marca fala, o que nunca dizer, cores em código hexadecimal, fontes, onde estão os logos e qual fundo cada versão aceita. Peça ao Claude para montá-lo com você:

Criar as skills

Uma skill é uma pasta com um arquivo SKILL.md. No topo do arquivo há um resumo (nome e descrição) que o Claude lê para saber quando usá-la. O restante são as instruções. Você aciona digitando /nome-da-skill ou simplesmente pedindo o trabalho: o Claude carrega a skill quando o seu pedido combina com a descrição.

As 3 skills do nosso processo

Modelo mínimo de uma skill

Crie a pasta .claude/skills/minha-skill/ e dentro dela o arquivo SKILL.md:

---
name: minha-skill
description: Cria carrosséis animados da minha marca. Use quando eu pedir
  um carrossel, uma animação ou um vídeo curto para o Instagram.
---

# Fluxo
1. Confirme com o usuário o texto aprovado de cada lâmina.
2. Monte as cenas usando as cores e fontes de 03_Marca.
3. Renderize e entregue em 03_Em_Aprovacao para revisão.
4. Não publique nada sem o OK explícito do usuário.

Regras que fazem as skills funcionarem bem, segundo a documentação da Anthropic e a nossa prática:

• A descrição é o campo mais importante: diga o que a skill faz e em que situações usá-la, com as palavras que você realmente usa no pedido.
• Mantenha o SKILL.md curto (a documentação sugere menos de 500 linhas) e coloque o detalhe em arquivos separados, como references/ e scripts/, que o Claude abre só quando precisa.
• Escreva as paradas de aprovação dentro da skill: “mostrar ao usuário antes de renderizar” e “não publicar sem OK”.
• Registre o que deu errado e como resolver, na seção de armadilhas. Assim o mesmo erro não se repete.
• Teste em um trabalho real e ajuste. A skill melhora a cada uso.

Conectar as integrações

As integrações usam o MCP, um padrão que permite ao Claude usar serviços externos com a sua autorização. Neste processo são duas: o Zernio, para agendar no Instagram, e o WordPress, para publicar o artigo de apoio (opcional).

https://mcp.zernio.com/mcp

claude mcp add --transport http zernio https://mcp.zernio.com/mcp

Montar o projeto de animação (Remotion)

O Remotion cria vídeos com código React: cada quadro é calculado pelo número do quadro, o que dá animações exatas e repetíveis. Para o 3D, usamos o pacote @remotion/three, que integra o Three.js.

cd C:\dev
npx create-video@latest
cd nome-do-projeto
npm run dev

npx remotion add @remotion/three

npx remotion render src/index.ts NomeDaCena out/cena.mp4 --gl=angle

npx remotion still NomeDaCena out/quadro.png --frame=60 --gl=angle

ffmpeg -i cena.mp4 -i audio.wav -map 0:v -map 1:a -c:v copy -c:a aac -b:a 192k ^
  -af "loudnorm=I=-14:TP=-1.5:LRA=11" -shortest pronto.mp4

O fluxo completo, etapa por etapa

Com tudo instalado, cada carrossel segue esta sequência. Os blocos verdes são pedidos que você pode copiar e adaptar.

Agendar e responder por mensagem

Hashtags e primeiro comentário

Coloque as hashtags no fim da legenda. Post já publicado no Instagram não tem a legenda editada pelo Zernio; para mudar, edite no próprio aplicativo do Instagram.

Link na mensagem automática: use um botão

No nosso teste, um link escrito no texto da mensagem automática não abriu no celular, tanto para quem segue a conta quanto para quem não segue, e no computador abriu normalmente. O que funcionou para todos foi um botão de URL na mensagem. Por isso, escreva no texto “toque no botão abaixo” e coloque o endereço no botão.

Oi, {{first_name}}! Aqui está o passo a passo:

1) ...
2) ...

Toque no botão abaixo para abrir o guia completo.

[ Abrir o guia ]  →  https://seudominio.com.br/guia

Link curto para usar no botão

Uma página de atalho (como seudominio.com.br/guia) que leva ao artigo com os parâmetros de rastreamento deixa o endereço curto e fácil de lembrar.

Problemas comuns e soluções

Segurança e boas práticas

• Aprovação sempre. Escreva nas skills que nada é publicado, enviado ou apagado sem o seu OK explícito.
• Credenciais fora da conversa. Senhas de aplicativo e chaves de API ficam em arquivo de acessos, nunca coladas no chat nem guardadas na pasta de conteúdo.
• Chaves separadas. Quando usar chave de API, crie uma por serviço ou por agente, para revogar sem afetar as demais.
• Backup antes de editar. Para artigos e páginas do site, salve o conteúdo original antes de qualquer mudança.
• Direitos de uso. Use músicas, fontes e imagens com licença que permita uso comercial e registre a origem em um arquivo na pasta.
• Sem promessas que a peça não sustenta. Peça ao Claude que confira cada número ou resultado citado nos textos e vídeos.

Checklist final

• Aplicativo do Claude instalado, com Cowork e Code funcionando
• Node.js, ffmpeg e Python instalados e reconhecidos pelo terminal
• Pasta de trabalho com marca, fontes, logos e trilhas licenciadas
• Skills criadas e acionando pelo nome
• Zernio conectado e Instagram listado
• Projeto Remotion renderizando um quadro de teste
• Primeiro carrossel aprovado em duas etapas e agendado
• Resposta automática testada no celular, com botão

Perguntas frequentes

Fontes oficiais consultadas: documentação do Claude Code (instalação e skills), central de ajuda do Claude (Cowork), documentação do Remotion e do Zernio. Os nomes de menus podem mudar entre versões dos aplicativos.