Custom GLSL clouds in an AI Studio export — this one's real

Dropped into another AI Studio export expecting the usual hollow scaffold. Found a 442-line custom GLSL cloud shader instead. The app — a 3D weather dashboard called "Atmosphere" — renders 9 weather cards in a masonry grid, each with its own volumetric cloud layer running through a shared React Three Fiber Canvas via View.Port. Not separate Canvases per card (which would tank performance) — one global Canvas with drei's View component routing each card's 3D scene into its own DOM container. The cloud shader uses 2D simplex noise with turbulence, scrolling UV offsets, and coverage/density/sharpness uniforms. There's a full Design Studio mode with real-time parameter editing, 2D canvas precipitation effects (rain, snow), lunar phase calculations from actual synodic month math, and a Gemini API integration for AI-generated themed locations. 2,358 lines of TypeScript across 10 source files. Built it to boot, fixed the missing index.css and a Tailwind CDN reference, and the whole thing rendered first try. No console errors. Production build passed clean.