3D Rainy Night Storefronts
A live 3D street-corner store on a rainy night in your browser: wet reflections, puddle ripples, a warm interior, a sliding door, lights and sound.
Bring a store, the weather and optionally the street, props and sounds. The Skill returns a downloadable Skill (meta prompt, lessons, verification) and a runnable reference scene.
How it works
The meta prompt goes to your coding agent together with any reference images.
The agent starts from the reference scene, changes the sign, the shop front, the interior and the props, and compares lit, dark and heavy-rain screenshots each round.
Verify headlessly and build one self-contained HTML file.
Frequently asked questions
Does it call any model or need a key?
No. The Skill gives your agent a prompt, lessons and a reference scene; the scene itself makes no network calls.
Why is the demo sandboxed?
The frame has an opaque origin and no network access, so the scene can’t read anything from this page or reach the internet.
Is the rain a real simulation?
No. The streaks fall in a vertex shader and the puddle ripples are rings in the ground shader; there is no water flow or pooling.
Can I use my own store?
Yes. The sign is drawn on a canvas and the shop front, shelves and props are built in code; describe your store in the slots and your agent changes them.
Does it work on mobile?
Phones get the low tier automatically (fewer rain streaks, painted reflections instead of a mirror) and on-screen buttons. It has been verified under touch emulation, not on real devices.
Why is there no online generation?
Building a new scene needs a model key inside the sandbox, which the backend doesn’t support yet. Run the Skill with your own agent for now.