Build a 3D city view of your repo and agents
A solo developer made a local-first 3D browser app that turns a codebase into a city and shows installed coding agents as avatars.
- What they did
- They built a Three.js app that connects to coding agents already installed and signed in, including OpenClaw, Hermes, Codex, and Claude Code. Each agent keeps its own tools, skills, and memory inside its existing harness. In the browser, the repo becomes a city of clickable code blocks, while agents show up as 3D characters that move around, talk, and write code. The app also includes spatial terminal and worldview panels for running the project being edited.
- How it went
- They released it under the MIT license for Windows and Linux after working on it intermittently since July. The creator says the app is still rough in spots, and some of the AI-made 3D models also look unfinished. The Windows build is unsigned.
- Tips
- This only works if one of the four supported agents is already installed and signed in. For a safer test, start with a small repo and check that each agent can connect before trying a larger project.
Try it yourself with OpenClaw
Open [path to your project] and help me turn it into a local-first 3D workspace in the browser. Show the repository as a city where folders become districts and files become buildings sized by line count. Add simple avatars for these agents: [agent names]. Each avatar should move to the file it is working on, and I should be able to click a building to open that file. Pause and ask for my approval before installing anything, changing files, or making any irreversible action. Tell me when it is ready to run with one command in my browser.
Fill in the [brackets]. Agents can make mistakes, so review anything before it is sent, paid or deleted.
Get 3 agent uses like this every morning
With the day's top AI news. Free, and one click to unsubscribe.
Related agent uses
Let Claude work from GitHub code and pause before posting
A commenter gives Claude source code and a feature brief, then reviews the draft only when PR review begins.
Add a judge subagent and two review passes
A solo developer used Claude Code to build an app with fresh sessions, a read-only judge, and two review layers for tighter quality control.
Create and launch a BaZi reading agent
A developer used coding agents to build a BaZi reader that calculates charts, writes interpretations, and handles language detection and USDT payments.
Use Claude Code to maintain NixOS server configs
A developer uses Claude Code to edit one NixOS config repo for several self-hosted machines, then reviews the diff and applies changes by hand.
Route Linear tickets into the right repo and PR
They used OpenClaw and Linear as a control layer to send tasks to Cyrus, which picked the repo, chose a model, and opened pull requests.
Flag coding conflicts before agents edit
They set up a local layer that makes coding agents announce planned changes so overlapping architecture work gets caught early.