Built a 3D product page in vanilla three.js with Claude Code, from brief to live site. Stack and process inside.

I'm a product designer, not a developer. I brought the 3D models, the brand deck and the brief. Claude Code did the engineering (opus 5 then 5.5 after the release). The approach that worked: get a working structure first, then iterate in short 3 to 5 minute passes, with a checkpoint after each one so nothing broke silently. **Stack** * Vite + vanilla three.js, no framework * GSAP ScrollTrigger + Lenis for the scroll-driven camera * One custom post-processing pass: depth of field + SSAO in a single shader, 4× MSAA * Lighting from a sky-generated environment map + soft shadows **Assets** * Node pipeline: meshoptimizer, gltf-transform, Draco * Angkor Wat photogrammetry scan, decimated for the web * Triplanar wood shader, so no UV unwrapping needed * Claude generated placeholder textures early on. I swapped in the real ones later with zero code changes **Interaction** * Click a product and the camera travels to it. Click the scene and it pulls back * Glass UI cards projected from…