COMMENT "OFFICE"
Build a live 3D office of your AI bots
One prompt builds a live 3D office where every AI bot works on its own floor and shows its status and cost. It turns an invisible pile of agents into something you can watch. Here's the exact prompt, free.
01Quick steps
- 1Use Claude, or Claude Code to wire it to your real bots.
- 2Paste the 3D-office prompt below.
- 3Open the HTML file it makes and orbit the building.
- 4Tweak it in plain English (add a floor, show total cost).
- 5Feed it your real bot status to make it live.
02Your ready to use prompt
Prompt: 'Build a single-page 3D office in the browser using three.js. Each team of agents is a floor of the building. Each agent is a desk with a status light: green when working, yellow when idle, red when stuck. Label each desk with the agent name and its usage cost. Let the camera orbit and let me click a desk for details. Output one HTML file I can open.'
03Full tutorial
When you run several AI agents, you cannot tell which is working or quietly burning money. A 3D office turns that invisible mess into a building you can look at, floor by floor, at a glance.
Use Claude (https://claude.ai) to build the page from the prompt. Use Claude Code if you want it connected to your real bots instead of sample data.
Use the prompt in the box above. It asks for a floor per team, a desk per bot, a status light, usage labels, an orbiting camera, and one openable HTML file.
Open the HTML file it gives you. You should see the building with sample bots. Orbit around it and click a desk to confirm the details panel works.
Ask for changes in plain words: 'add a floor for my trading bots', 'show total cost at the top', 'make stuck bots flash'. It rebuilds the file each time.
The 3D is drawn by a free open-source library called three.js (https://github.com/mrdoob/three.js), with about a hundred thousand stars. You never touch the code, you describe what you want.
To show real data, have Claude Code feed the page your actual bots' status and usage (from their logs or an endpoint) instead of the sample numbers. Now it updates as they run.
The same move works for anything you run in bulk: a 3D view of your servers, your scrapers, or your content jobs. Learn it once on this, reuse it everywhere.
Everything here is free. The only paid part is a Claude plan for heavy use.