The Delegation
Design, run, and inspect Gemini multi-agent teams in a no-code 3D office.
What does this agent do, and when should you use it?
The Delegation is a no-code 3D environment for AI enthusiasts, educators, and creative developers exploring multi-agent collaboration. It combines a shared office rendered with Three.js WebGPU and TSL with a React Flow node editor for team structures and task flows. Users can start from six predefined industry-team templates, create teams, assign Gemini models to individual roles, and inspect flows through visualizers, logs, and an agent inspector. Agent teams can generate text, images, music, and video through the Gemini API, while the interface estimates token use and costs. A hosted full experience is linked, and the repository documents local development via npm; operating the simulation requires a user-supplied Gemini API key.
A user creates multi-agent designs in the React Flow-based Team Editor or begins with predefined teams such as Creative Agency, Film Studio, and PR Agency. Individual roles can be assigned different Gemini Models, and teams generate text, image output with Nano Banana, music with Lyria 3, and video with Veo 3.1. The Team Flow Visualizer shows hierarchy and task flows, while Kanban & Action Logs and Technical Logs expose progress, raw LLM traces, tool calls, and structured agent responses. The embodied layer uses Three.js WebGPU, a NavMesh, and three-pathfinding so NPCs navigate to and claim Points of Interest including desks, seats, and computers, transitioning among walking, sitting, working, and talking. In human-in-the-loop workflows, Simulated PR Reviews let the user review proposals, provide feedback, and merge tasks.
- An educator teaching multi-agent collaboration can use a predefined team and the 3D office to make roles, handoffs, and task flow visible in a lesson.
- A creative developer designing an AI workflow can rearrange roles in Team Editor and assign Gemini models according to speed or reasoning needs.
- A content team experimenting with role-based generation can have an agent team produce text, Nano Banana images, Lyria 3 music, or Veo 3.1 video.
- An AI enthusiast who needs execution visibility can inspect an agent's mission, thoughts, history, action logs, and technical traces.
- A team practicing human approval in an agent workflow can use PR-style workflows and Simulated PR Reviews to review, comment on, and merge proposals.
What are this agent's strengths and limitations?
- It combines a React Flow team editor, live flow visualization, and a Three.js WebGPU office in one environment, making multi-agent coordination tangible.
- Per-agent Gemini model assignment is paired with token and cost estimates plus visibility into raw LLM traces, tool calls, and structured responses.
- It supports four output types—text, Nano Banana images, Lyria 3 music, and Veo 3.1 video—rather than limiting teams to text.
- NavMesh-based NPC movement with three-pathfinding gives task state a spatial representation through desks, seats, and computers.
- Its core AI provider is the Gemini API and the full experience requires a user-provided Gemini API key, so it is not provider-agnostic.
- Local documentation does not provide API-key setup details, environment-variable names, a Node.js version, or a production deployment process.
- The roadmap still marks the space editor, long-term team memory, deeper embodied AI, and further architecture decoupling as unfinished.
- Repository metadata is NOASSERTION while the documentation claims MIT code and CC BY-NC 4.0 3D assets; commercial adopters need to verify the applicable license scope.
How do you install or deploy this agent?
Obtain a Gemini API key first: the simulation requires BYOK. Clone or fork the repository, then run these commands in the repository directory:
npm install
npm run dev
Open the local URL printed by the terminal; the documented example is usually http://localhost:3000/the-delegation. The documentation does not specify the local API-key configuration mechanism, environment-variable name, Node.js version, or a production deployment procedure, so the key must be supplied through the interface or project configuration supported by the implementation.
How do you use this agent?
Start the development server, open the local app, and provide a Gemini API key to run the simulation. Choose a predefined team or create a node-based structure in Team Editor, assign Gemini Models to roles, and run the team flow. Use Team Flow Visualizer, Agent Inspector, Kanban & Action Logs, and Technical Logs to inspect activity. When a human-in-the-loop approval occurs, use Simulated PR Reviews to review the proposal, give feedback, or merge the task.