Complex Sites Built with Vibe Coding: Four Landing Pages, Two Paths to 'Expensive' Effects, and a 3D Logo from Sprites

The author, Zhemal Khamidun, CPO of AlpinaGPT and Head of AI at Alpina Digital, describes building complex landing pages with vibe coding, where AI agents write the code under his direction. He showcases four landing pages: the School of Techpred, the 'Tochka Sborki' conference, the 'AI Product Management' course (aimipt.ru), and a personal one. These split into two technical paths: the conference site uses hand-written vanilla WebGL with no external libraries, while the others use a reusable Three.js engine. The toolchain involves a design system in DESIGN.md, mockups created in Claude Design, and handoff bundles that are used as references, not production code. He also dissected a top WebGL site (dala.craftedbygc.com) by downloading its bundle, beautifying the minified JS, and extracting 27 shaders, learning about GPGPU with ping-pong FBO, InstancedMesh, and post-processing effects. He emphasizes that cloning such sites directly is not viable due to branding and licensed assets, but extracting recipes for effects like particle morphing is valuable. The article also covers the 'Tochka Sborki' landing page built entirely in vanilla WebGL and CSS, featuring a water surface shader with six summed sine waves, and details on file sizes and line counts.