设计与前端 threejs-webgpureact-flowgemini-apimulti-agent-systemsmultimodal-generationnavmeshnpc-simulation

The Delegation

在无代码 3D 办公室中设计、运行并观察 Gemini 多智能体协作。

FollowAgents 评估 · FARS-2.0
待评估
查看完整评分方法 →

这个 Agent 能做什么,适合哪些场景?

The Delegation 是一个面向 AI 爱好者、教育者和创意开发者的无代码 3D 多智能体探索环境。它以 Three.js WebGPU 与 TSL 渲染共享办公空间,并将 React Flow 用作团队结构和任务流的节点式编辑界面。用户可从 6 个预定义团队模板开始,创建团队、为不同角色分配 Gemini 模型,并在界面中查看团队流程、看板、行动日志和技术日志。系统可通过 Gemini API 生成文本、图像、音乐和视频,并显示令牌用量与成本估算。项目提供在线完整体验,也说明可克隆或 fork 后通过本地开发服务器运行;模拟功能依赖用户自备 Gemini API 密钥。

用户通过 Team Editor(React Flow)搭建多智能体设计模式,或选择 Creative Agency、Film Studio、PR Agency 等预定义团队。每个角色可配置不同的 Gemini Models;团队可生成 text、image(Nano Banana)、music(Lyria 3)和 video(Veo 3.1)输出。运行时,Team Flow Visualizer 展示层级与任务流,Kanban & Action Logs 和 Technical Logs 展示进度、原始 LLM traces、tool calls 与结构化响应。3D 模拟部分使用 Three.js WebGPU、NavMesh 和 three-pathfinding,让 NPC 在办公空间内寻找并占用 desks、seats、computers 等 Points of Interest,并在 walking、sitting、working、talking 状态之间转换。对于需要审批的 human-in-the-loop 流程,用户可在模拟 PR Reviews 中审阅提案、反馈并合并任务。

  1. 希望用可视化方式讲解多智能体协作模式的教师,可在课堂中用预定义团队和 3D 办公室展示角色分工与任务流。
  2. 正在构思创意项目工作流的创意开发者,可在 Team Editor 中调整角色关系,并为不同角色选择偏重速度或推理的 Gemini 模型。
  3. 需要试验由多个角色共同产出内容的团队,可让系统生成文本、Nano Banana 图像、Lyria 3 音乐或 Veo 3.1 视频。
  4. 希望观察代理执行过程的 AI 爱好者,可查看 Agent Inspector、Kanban & Action Logs 以及 Technical Logs。
  5. 想在人工审批节点演练代理协作的用户,可使用 PR-style Workflows 和 Simulated PR Reviews 审阅、反馈或合并任务。

这个 Agent 有哪些优点和局限?

优点
  • 将 React Flow 团队编辑器、实时流程可视化与 Three.js WebGPU 3D 办公室放在同一体验中,适合直观演示多智能体分工。
  • 每个角色可单独选择 Gemini 模型,并提供令牌与成本估算、原始 LLM traces、tool calls 和结构化响应的可见性。
  • 支持文本、Nano Banana 图像、Lyria 3 音乐和 Veo 3.1 视频四类输出,不限于文本协作。
  • NPC 使用 NavMesh 和 three-pathfinding 寻路并占用工作位置,使任务状态具备具象的空间表现。
局限
  • 核心 AI 提供方是 Gemini API,且完整体验需要用户自备 Gemini API key,因此不具备模型提供方无关性。
  • 本地文档未给出 API key 的具体配置方式、环境变量名称、Node.js 版本或生产部署流程。
  • 路线图中的空间编辑器、长期记忆、深度实体化 AI 与架构解耦仍标为未完成,不能作为现有能力采用。
  • 仓库元数据标为 NOASSERTION,而文档同时声称代码为 MIT、3D 资产为 CC BY-NC 4.0;商业使用前需要核实实际许可范围。

如何安装或部署这个 Agent?

先获取 Gemini API key,因为模拟运行需要 BYOK。克隆或 fork 仓库后,在仓库目录执行:

npm install
npm run dev

随后在浏览器打开终端显示的本地地址,README 示例通常为 http://localhost:3000/the-delegation。文档未说明 API 密钥在本地环境中的具体配置位置、环境变量名称或生产部署步骤;需要在界面或项目配置中按实际实现提供密钥。

如何使用这个 Agent?

启动开发服务器并打开本地页面后,提供 Gemini API key 以运行模拟。选择一个预定义团队,或在 Team Editor 中创建节点式团队结构;为角色分配 Gemini Models,并运行团队流程。使用 Team Flow Visualizer、Agent Inspector、Kanban & Action Logs 和 Technical Logs 观察执行情况;当流程出现 human-in-the-loop 审批时,在 Simulated PR Reviews 中审阅提案、给出反馈或合并任务。

常见问题

运行它需要付费账户或密钥吗?
完整体验要求 BYOK,并明确需要 Gemini API key。项目会显示令牌消耗和成本估算,但未说明具体计费金额。
它能接入 OpenAI 或 Anthropic 模型吗?
没有。已提供的资料只将 Gemini API 描述为核心 LLM 提供方,并未记录 OpenAI 或 Anthropic 的适配路径。
能否完全在本地运行?
可以按文档克隆或 fork 后使用 npm install 与 npm run dev 启动本地开发服务器;但调用 Gemini API 仍需要网络和用户自己的密钥。
生成内容是否会自动通过?
项目提供 Auto-approve output 选项和 human-in-the-loop 的 PR 式审批流程;用户可在模拟审阅界面中批准、反馈或合并任务。

相关 Agents