TLDR;

Use o ChatGPT (Code X) com o plugin Hixfield para gerar imagens e vídeos (ou Runway), depois peça ao GPT Astra para transformar esses ativos em um site com WebGL/shaders 3D — tudo sem Figma, Framer ou Webflow. O site final fica funcional, responsivo e interativo, com vídeos de fundo e animações 3D que reagem à rolagem e ao movimento do mouse. É possível cobrar valores altos — o autor diz vender sites por centenas e às vezes milhares de dólares e recomenda crescer no Twitter para atrair clientes, mas não há garantia automática de venda por US$10.000.

Resumo

Neste tutorial o autor explica seu processo completo para criar sites interativos em 3D usando IA, sem Figma, Framer ou Webflow. Ele mostra como usar o ChatGPT (versão CodeX) com plugins como Hixfield e Astra para gerar imagens, vídeos e implementar o front-end responsivo com animações WebGL e shaders, além de usar ferramentas como Runway para criar curtas animações a partir de imagens encontradas no Pinterest. O fluxo envolve criar uma nova pasta, conectar plugins, arrastar imagens ao chat, solicitar múltiplos vídeos de fundo para seções com rolagem e iterar — ajustando profundidade, saturação, fonte e comportamento das animações — até obter transições mais interessantes, como zoom e cenas subaquáticas. Os sites resultantes são minimalistas, otimizados para celular e publicáveis diretamente, com exemplos disponíveis em motionsize.ai. O autor também orienta sobre precificação (venda por centenas ou milhares de dólares) e estratégias de divulgação, destacando o Twitter como canal para crescimento e viralização. Em suma, é um método prático e iterativo que combina geração de ativos por IA e codificação dentro do próprio ChatGPT para produzir sites 3D impressionantes e comerciais. É acessível a iniciantes, economiza tempo, facilita escala de portfólios e negócios digitais, e incentiva experimentação contínua com IA e aprendizado prático.