Claude Code criou o video de divulgação do meu app (e este foi o resultado) · Thiago5124

Estou desenvolvendo o Stack Editor: um aplicativo de edição de fotos em lote para Android gratuito. A ideia é simples: em vez de editar uma foto de cada vez, você seleciona um conjunto, ajusta uma vez e aplica tudo junto. Edição, marca d'água, redimensionamento, compressão, conversão, tudo no mesmo lugar, aliado a uma interface moderna e simples de usar.

Terminei a versão de produção, estava pronto para lançar. Mas faltava algo que todo mundo precisa quando quer promover um app: um vídeo de divulgação.

Aqui é onde entra o Claude Code.

O problema

A ideia para o vídeo de divulgação era um celular em 3D exibindo a interface real do aplicativo, com movimentos de câmera, rotações do aparelho e transições acompanhando o fluxo de uso.

Em um editor de vídeo tradicional o desafio não era apenas editar o vídeo. Eu precisaria modelar ou encontrar um mockup 3D adequado, sincronizar as gravações da tela do aplicativo com as animações do dispositivo e ajustar todos os movimentos para que o resultado parecesse profissional.

Para um vídeo de apenas 45 segundos, isso significaria investir muitas horas em edição e composição. Como era algo que eu provavelmente faria uma única vez, comecei a procurar uma forma mais eficiente de transformar a ideia em realidade.

A solução: Remotion + Three.js + Claude Code

Eu escolhi usar o Remotion, uma biblioteca que permite criar vídeos programaticamente com React. Com ele é possível definir cenas, transições e animações usando código, e renderizar tudo em um arquivo de vídeo final.

E o Three.js para manipular o modelo 3D do celular nas cenas.

Então eu abri o Claude Code e comecei a passar as ideias para ele.

Como funcionou na prática

O processo foi mais ou menos assim:

Expliquei o objetivo: quero um vídeo de 45 segundos que mostre as funcionalidades do Stack Editor, com a mesma UI do meu app (estava na mesma pasta do projeto do meu app).
Descrevi as cenas: eu tinha um roteiro básico com 8 cenas, desde a promessa do app até o call-to-action final.
O Claude Code criou a estrutura: usei a skill remotion-dev e ele montou o projeto Remotion do zero, composição, cenas separadas, componentes, configuração de build.
Preview no Navegador: rodei npm run dev para ver o preview no browser, ajustando timing, cores e elementos.
Fui refinando: a cada iteração, eu pedia ajustes. "Muda essa transição". "Deixa o texto mais legível". "Adiciona um efeito sutil na cena de comparação". E ele implementava.

O resultado final foi um vídeo com:

Narração: usei o ElevenLabs para gerar a narração e a adicionei ao vídeo.
Cena de abertura com um modelo 3D de celular Android subindo de baixo para o centro da tela
Cenas de demonstração mostrando a seleção de fotos, aplicação de presets, comparação antes/depois
Transições limpas entre cada funcionalidade
Call-to-action final com o nome do app e o slogan

O que aprendi

O poder do vídeo como código: LLMs são excelentes para gerar texto, então faz sentido utilizá-las para criar vídeos através de código. Com essa abordagem, é possível reproduzir fielmente a interface do seu App ou SaaS, reutilizando os mesmos estilos, componentes e padrões visuais já existentes no projeto. Criar animações também se torna muito mais simples: você controla duração, zoom, transições, intensidade dos efeitos e praticamente qualquer aspecto da apresentação.
A possibilidade de ajuste fino: diferente dos geradores de vídeo por IA, essa abordagem oferece muito mais liberdade para ajustes e refinamentos. Se algo não ficou bom, basta alterar o código e renderizar novamente. Além disso, o resultado final não tem aquela aparência genérica de conteúdo gerado por IA. Como tudo é renderizado a partir de componentes React e elementos definidos manualmente, existe consistência visual entre as cenas, controle total sobre resolução e framerate, e previsibilidade no resultado final.

Considerações finais

Eu não diria que o Claude Code substitui um editor profissional. Mas para um vídeo simples de divulgação com objetivo claro, que segue um roteiro definido, a combinação de Remotion + Claude Code é muito eficiente.

Levei praticamente um dia para finalizar o vídeo. Se tivesse que fazer tudo manualmente, provavelmente levaria dias.

O Video Final

Para quem quiser ver o vídeo final, ele está disponível no link abaixo:

https://x.com/stack_editor/status/2069434080756724121?s=20

O Aplicativo

Para quem se interessou pelo aplicativo e quiser conferir, o link está abaixo. Atualmente ele está disponível apenas para Android, mas pretendo lançar uma versão para iOS em breve.

https://play.google.com/store/apps/details?id=com.app.stack_editor