3D Gamified Office for Claude Code Agents

The Breakthrough

Lukas Margerie created a Three.js-powered 3D office game inside a Claude Code 'Jarvis' mother folder, where an avatar walks to subfolder agents (e.g., lucasmar.com, builders gym, X research) to open chats, run multiple agents simultaneously, and edit live sites via Vercel.

What Actually Worked

• Users start with a Jarvis mother folder containing subfolders like YouTube, SEO, SaaS; Claude Code prompt: "Yoyo is it possible to create a room where I can talk to my folders the ones inside this Jarvis folder... each folder would have their own cloud code agent So I can like walk up to these different folders start a chat and then we build off of that folder."
• Avatar moves at mouse speed (no keyboard arrows), supports trackpad two-finger movement and zoom; agents stay at desks (no random movement); click agent to spawn left-side chat history and right-side new chat panels.
• Draw tool creates manual walls/rooms (e.g., research room, admin room); drag agents to reposition; plus button creates new folders like 'tester' for projects, auto-syncs files to Finder.
• Notes agent creates markdown files that sync live to Finder (e.g., 'notes.md' with entries like 'film YouTube video', 'edit video'); agents reference prior notes.
• Redesign prompt to X research agent (with X API access): fed URL of Akiro's article on 3D game tips in Codeex, generated cute desks, chairs, monitors, plants, floating desks, color-coded agents (red for websites), and wall photo frame from Twitter profile image.
• Tailscale connects localhost for iPhone access: keep laptop running Jarvis Office, use Tailscale app to share port, edit sites remotely (e.g., update lucasmar.com text and deploy via Vercel).

Context

Lukas Margerie grew tired of repetitive folder-jumping in Claude Code for projects like websites, apps, and iOS; he solved organization and mobile access by gamifying workflows in a 3D office. This setup runs his daily work with simultaneous agents, live syncing, and phone control, inspired by a Japanese dev's 3D game tips.

Notable Quotes

• "change a text on my website based between ideas and execution to YouTuber builder and community guy... push to my custom domain via versel"
• "add a little photo frame like if it were a photograph in a Chinese classroom of Mao in the middle of my wall with my image"

Content References

Resources page provides free prompts and markdown files for replication.