THIS ONE CLAUDE WORKFLOW BUILDS A 3D CYBERPUNK WEBSITE THAT RUNS LIKE A VIDEO GAME
no video file anywhere, the whole neon city is rendered live in the browser with Three.js and WebGL
you describe the scene to Claude and it writes the render loop, the camera, the lighting, all of it
GSAP pins the hero while the camera flies through the 3D city as you scroll
Lenis smooth scroll makes that camera glide feel physical instead of jumpy
requestAnimationFrame tied to your mouse makes the entire city lean toward the cursor
Web Audio plays ambient sound that syncs to scroll milestones so the page feels alive
one AudioContext.suspend call handles the sound on and off toggle with no library at all
CSS variables swap the red and blue accents per section from a single line
SaaS founders pay 3k to 8k for a landing page that makes engineers feel they are already inside the product
one person can ship this in a weekend now
tomorrow I post the full build, the exact Claude prompts and the scene setup from an empty folder
来源:Akira · x.com