@rodrigotadewald: Aqui está o processo completo, com os modelos que eu usei em cada etapa: 1. A referência Tudo começa numa imagem que não tem nada de interface: uma ilustração do Pinterest, um pôster, uma foto. Uma esfera de tinta se desfazendo virou o painel do meu JarvisOS… e um pôster de robô virou um app com o robô em 3D se mexendo. 2. Imagem antes do código Em vez de pedir o site direto pro Claude Code, eu levo a referência pra um modelo de imagem junto com o layout que eu quero (onde fica o chat, os cards, a navegação). Uso o GPT Image 2 e o GPT Image 2.5 (o Nano Banana Pro também vai bem). Ele mantém a estrutura e absorve a textura, a luz e as cores da referência. Gero algumas versões, escolho a melhor e peço novas a partir dela, recombinando conceitos, até chegar numa tela que eu goste. 3. Movimento A tela aprovada vai pra um modelo de image-to-video. Testei os 25 do OpenRouter: o Hailuo 3 foi o mais fiel (texto e layout intactos), o Seedance 2.5 é sutil e fiel, e o Wan 3.0 é o mais bonito, mas às vezes acende tudo e troca rótulos. O dashboard do buraco negro dourado saiu do Wan 3.0. O robô 3D saiu do Tripo, que transforma a imagem num modelo 3D. 4. HTML Só com a imagem e o vídeo aprovados eu peço pra IA construir o design em HTML e CSS, usando os dois como referência. Assim o código só é gasto no que já foi aprovado. Pra organizar tudo isso eu criei o Neo Stitch: um canvas local onde cada ideia vira um nó numa árvore, do prompt à imagem, da imagem ao vídeo, do vídeo ao HTML. Ele roda com o Claude Code e uma chave do OpenRouter, e mostra quanto custou cada imagem e cada vídeo. É open source: github.com/rtadewald/neo-stitch

Rodrigo Tadewald

Open In TikTok:

Region: BR

Thursday 29 October 2026 14:09:38 GMT