Sites Complexos Construídos com Vibe Coding: Quatro Landing Pages, Dois Caminhos para Efeitos 'Caros' e um Logo 3D a partir de Sprites

O autor, Zhemal Khamidun, CPO da AlpinaGPT e Head de IA na Alpina Digital, descreve a construção de landing pages complexas com vibe coding, onde agentes de IA escrevem o código sob sua orientação. Ele apresenta quatro landing pages: a Escola de Techpred, a conferência 'Tochka Sborki', o curso 'Gestão de Produtos de IA' (aimipt.ru) e uma página pessoal. Estas se dividem em dois caminhos técnicos: o site da conferência usa WebGL vanilla escrito à mão, sem bibliotecas externas, enquanto os outros usam um motor Three.js reutilizável. A ferramenta envolve um sistema de design em DESIGN.md, mockups criados no Claude Design e pacotes de entrega usados como referência, não como código de produção. Ele também dissecou um site WebGL de topo (dala.craftedbygc.com) baixando seu bundle, embelezando o JS minificado e extraindo 27 shaders, aprendendo sobre GPGPU com FBO ping-pong, InstancedMesh e efeitos de pós-processamento. Ele enfatiza que clonar tais sites diretamente não é viável devido à marca e aos ativos licenciados, mas extrair receitas para efeitos como morphing de partículas é valioso. O artigo também cobre a landing page 'Tochka Sborki' construída inteiramente em WebGL vanilla e CSS, apresentando um shader de superfície de água com seis ondas senoidais somadas, e detalha tamanhos de arquivo e contagens de linhas.