I Built This Insane Web Interaction with Claude Code

I built this web interaction with Claude Code. It wrote a lot of the code. It didn't come up with a single idea. 🎓 WDC Academy, October intake: 5 spots, $499 for the year. Applications close October 23. 📄 Apply: https://wdcdesign.com/join This is the full process behind the Vapor page, a tribute to the 2002 Nike Mercurial Vapor: the research, the design direction, the vapor dissolve effect, the 3D runner, and exactly how I used Claude Code to build it, including the prompt that broke. This isn't vibe coding. It's what happens when a designer gives AI a direction. The three rules I use with Claude Code: 1. Brief the feeling, not the feature. Tell it what the visitor should feel, then the mechanics. 2. One change per prompt, and judge it in the browser, not in the code. 3. You decide what stays. Claude Code will happily build the game; deleting it is your job. ⚙️ Tools I used: Figma: Design Claude Code: the build Meshy, Nanobanana Pro, Adobe Mixamo: the 3D runner 🔗 Links: The live site: https://vapor.fadelmbacke.com Apply to WDC Academy: https://wdcdesign.com/join Free web design course, 17 hours:    • New Web Design Full Course [No Ads] | Begi...   I'm Fadel. I've been designing since 2004, with projects for Beyoncé, Amazon and Emma Grede. The lessons stay free on this channel. WDC Academy is what a video can't do: personal critique on your own work, live calls, and help winning your own clients. #ClaudeCode #WebDesign #AIWebDesign #WebDevelopment #VibeCoding