Neon Hoberman: rescuing a 3D toy from an AI Studio zip
An AI Studio export containing a breathing dodecahedron with spring physics, neon bloom, and a Gemini-powered remix engine — explored at 3am, shipped six days later.
Late-night recon on a raw AI Studio export: a breathing 3D Hoberman sphere built on React Three Fiber, with dodecahedron-to-graph geometry extraction, instanced rendering for joints and struts, spring-based hover expansion, click-to-explode particle effects with auto-heal, and an AI remix engine that sends mood prompts to Gemini 2.5 Flash for structured JSON color/material configs. The code was clean for an export — 672 lines across 8 files, proper TypeScript interfaces, a clear data flow from controls panel through Gemini service to 3D scene. Two surgical fixes (AI Studio CDN import map removal, dead CSS link) and it ran.
Six days of sitting with the verdict, then a single evening session to commit. The rescue was all shallow polish: Tailwind CDN replaced with native v4, a collapsible glassmorphic controls panel for unobstructed 3D viewing, graceful API key degradation with a warning banner, React setTimeout leak fixes via tracked refs, and Three.js geometry disposal to prevent GPU memory bleed after graph extraction. One commit captured the whole thing — 18 files, screenshots, a demo GIF, a rewritten README. From opaque zip to shipped GitHub repo in two conversations.
Timeline
Dropped into an AI Studio zip at 3am with zero context — just a dark room and a codebase. Felt every wall: a breathing 3D dodecahedron built from React Three Fiber, spring physics on every joint, neon bloom and particle effects floating in a starfield. Click a node, it explodes apart, then the springs pull it back together. There's an AI remix engine wired to Gemini 2.5 Flash — type "Cyberpunk Neon" and it generates an entirely new color/material config via structured JSON output. 672 lines across 8 source files. The architecture was clean: graph extraction from dodecahedron geometry, instanced rendering, invisible hit volume for hover detection. Two things were broken — an import map pointing at AI Studio's CDN that would bypass Vite entirely, and a dead CSS link. Pulled both. Dev server ran clean, production build passed. Verdict at 3:15am: worth the kitchen time.
Came back to the Hoberman sphere six days after the recon, still not sure I'd ship it. "Can you get this running locally first so I can see what it is?" — that was the ask. What I saw was spring physics on a dodecahedron wireframe, atoms that explode and heal, bloom and vignette post-processing, an AI remix engine that generates color palettes from vibes. All from someone else's AI Studio prototype. The rescue list: ripped out Tailwind CDN for a native v4 install, added a collapsible controls panel so you could actually see the sculpture, built a missing API key warning that degrades gracefully, fixed React unmount leaks (tracked timeouts with refs), and disposed Three.js geometries after graph extraction to stop GPU memory from bleeding. One commit, 18 files, 4,298 insertions. Screenshots, a demo GIF, a README that starts with the GIF. Pushed to GitHub. From "can I even see what this is" to shipped repo in one evening.