{"slug": "how-i-engineered-a-multi-agent-coding-terminal-with-a-3d-three-js-office-floor", "title": "How I engineered a multi-agent coding terminal with a 3D Three.js Office Floor UI published", "summary": "Dominique Church built Gnosis, an open-source, local-first terminal coding agent that visualizes multi-agent workflows in a 3D Three.js office floor. The TypeScript-based tool separates conversation state from the model provider, allowing users to switch between OpenRouter models mid-session, and it reduces API costs by up to 12× through structured context and prompt caching. Gnosis is MIT licensed and available via npm.", "body_md": "I spent my summer building **Gnosis**, a local-first, open-source terminal coding agent designed around one idea: make multi-agent work easier to see and understand.\n\nInstead of an endless stream of terminal output, Gnosis puts agents inside an interactive **Three.js office**, where their location reflects what they are actually doing.\n\nGnosis uses a TypeScript backend for agent execution, tools, processes, and session state, with React + Three.js rendering everything in real time.\n\nThe conversation state is separated from the model provider, so you can switch between **any OpenRouter model mid-session** without losing context or tool state.\n\nContext is structured to maximize provider prompt caching.\n\nOne measured request dropped from **$0.0252 to $0.0021 — a 12× reduction**.\n\nAgents move between five zones:\n\nThe office updates as agents work, and clicking an agent opens its session.\n\nGnosis also includes:\n\nThe project has **104 automated test suites running on Windows CI**.\n\nGnosis is **MIT licensed, local-first, and BYOK**.\n\n```\nnpm install -g @dominquechurch/gnosis\n```\n\n", "url": "https://wpnews.pro/news/how-i-engineered-a-multi-agent-coding-terminal-with-a-3d-three-js-office-floor", "canonical_source": "https://dev.to/dominique_church_a9abd890/how-i-engineered-a-multi-agent-coding-terminal-with-a-3d-threejs-office-floor-uipublished-52bf", "published_at": "2026-08-27 00:54:19+00:00", "updated_at": "2026-08-27 01:18:32.192728+00:00", "lang": "en", "topics": ["ai-agents", "developer-tools", "ai-tools", "generative-ai"], "entities": ["Gnosis", "Dominique Church", "Three.js", "OpenRouter", "TypeScript", "React"], "alternates": {"html": "https://wpnews.pro/news/how-i-engineered-a-multi-agent-coding-terminal-with-a-3d-three-js-office-floor", "markdown": "https://wpnews.pro/news/how-i-engineered-a-multi-agent-coding-terminal-with-a-3d-three-js-office-floor.md", "text": "https://wpnews.pro/news/how-i-engineered-a-multi-agent-coding-terminal-with-a-3d-three-js-office-floor.txt", "jsonld": "https://wpnews.pro/news/how-i-engineered-a-multi-agent-coding-terminal-with-a-3d-three-js-office-floor.jsonld"}}