Fundador Solo Cria Vídeo de Demonstração com Claude Code e Remotion

Abordagem Prática para Criação de Demonstrações

Um fundador solo adiou o lançamento de seu produto, SiteCheck, por meses porque não podia pagar por vídeos de demonstração. Freelancers cobravam $500 por trabalhos básicos e solicitavam recursos de design como arquivos Figma e diretrizes de marca que não existiam. O desenvolvedor, sem habilidades de design, achou o processo tradicional de design estranho e adiou o lançamento.

Implementação Técnica

Usando Claude Code com Remotion (vídeos como componentes React), o desenvolvedor estruturou o vídeo em componentes reutilizáveis. Claude ajudou com:

• Dividir o vídeo em componentes reutilizáveis
• Ajustar animações e temporização rapidamente
• Iterar layouts sem precisar de ferramentas de design

A primeira versão foi rudimentar, mas como tudo era baseado em código, as melhorias foram feitas através de edições rápidas em tamanhos de fonte, espaçamento e temporização de animações em vez de reexportações completas. O desenvolvedor adicionou narração usando ElevenLabs, áudio de fundo e renderizou tudo diretamente do terminal.

Contexto do Produto

SiteCheck é uma ferramenta que audita a UX de um site em aproximadamente 30 segundos e gera um relatório com sugestões de correções classificadas por impacto. O produto já estava funcional com feedback positivo de usuários iniciais, mas faltavam materiais de demonstração visual.

O desenvolvedor observa que o resultado não é perfeito, mas serviu para desbloquear o processo de lançamento. O projeto é gratuito para testar e planeja ser lançado publicamente em breve.