Motion graphics com Claude + REMOTION: o passo a passo completo.

Você não precisa mais do After Effects para criar motion graphics para a sua marca. Neste tutorial completo você aprende, do zero, a fazer animações usando o Remotion + Claude Code — e no final monta um TEMPLATE reutilizável que já segue a identidade visual da sua marca, pra criar motions em minutos. Todos os motions que você vê aqui no canal são feitos assim. 🎨 O Remotion é um framework open-source que cria vídeos a partir de código (React), em vez de arrastar elementos numa linha do tempo. Como é código, você ganha superpoderes: reaproveitar peças, automatizar repetições e alimentar a animação com dados — perfeito para motion graphics e vídeos de marca em escala. E toda a parte de código quem escreve é o Claude: você só descreve o que quer. ▶️ O QUE VOCÊ VAI APRENDER Instalar o Node.js e o Remotion do jeito certo Rodar o projeto e usar o Remotion Studio Entender as pastas do projeto (e pra que serve a pasta public) Escrever prompts que geram animações premium Gerar e refinar o motion cena a cena com o Claude Criar um arquivo brand.ts com as cores, a fonte e os logos da sua marca Criar uma skill com as diretrizes visuais da marca Publicar tudo como template no GitHub Ter um comando especial que abre um novo projeto já com a cara da sua marca Renderizar o vídeo — inclusive com fundo transparente ⏱️ CAPÍTULOS 00:00 Introdução 00:23 O que é o Remotion 00:53 Passo 1 – Instalando o Node.js 01:51 Passo 2 – Instalando o Remotion (projeto Blank) 02:59 Passo 3 – npm run dev e o Remotion Studio 04:01 As pastas do projeto e a pasta public 06:10 Como escrever o prompt da sua animação 07:43 Site de efeitos e transições (link abaixo) 08:37 Gerando a animação com o Claude 10:01 Refinando o motion cena a cena 13:36 Por que criar um template da sua marca 14:19 Exemplo de um template pronto (o comando de marca) 16:33 Criando o template: projeto base + brand.ts 24:11 Adicionando a fonte e testando a identidade 26:27 Criando a skill da marca 28:01 Publicando o template no GitHub 29:47 Criando o comando especial da marca 31:32 Testando o comando final 34:03 Renderizando e exportando (fundo transparente) 34:35 Considerações finais 🔗 SITE DE EFEITOS E TRANSIÇÕES (pra usar nos prompts) Catálogo de animações: https://catalogo-clonex-studio.tiiny.... Efeitos e transições: https://catalogo-clonex-studio.tiiny.... 🛠️ FERRAMENTAS USADAS Node.js: https://nodejs.org Remotion: https://www.remotion.dev Claude / Claude Code: https://claude.ai GitHub: https://github.com 👇 Vai usar esse template na sua marca? Manda pra gente nos comentários, a gente vai adorar ver! Se você curte conteúdo de criação com IA, se inscreve no canal — vem muito mais por aí. #Remotion #Claude #ClaudeCode #MotionGraphics #IA #Animação #ReactVideo #Nubank