Interactive 3D Cocktails
A live 3D cocktail in your browser: flick the glass to spin it, watch the drink slosh, tap to sip, hold to drain and refill it.
Bring a drink, a glass and optionally the garnish and ice. 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 photo.
The agent starts from the reference scene, changes the glass profile, the colours and the garnish, and compares beat 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 it a real fluid simulation?
No. The surface is a height field driven by springs and waves; it can tilt and slosh but cannot pour over the rim or spray.
Can I use another glass?
Yes. The glass is a lathed profile; describe yours in the slots and your agent edits the profile points. The volume table and the ice follow it.
Does it work on mobile?
Phones get the low tier automatically. 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.