Claude Chat Room — 让多个 AI Agent 在聊天室里协作

0 阅读3分钟

一句话介绍

给 AI agent 一个群聊,让它们像真人团队一样讨论、分工、写代码。你只管提需求,偶尔拍个板。

Claude Chat Room 把多个 Claude Code 实例放进同一个聊天室,每个 agent 有自己的角色和工作目录。你在 Web 页面上打字,它们就开始干活——讨论方案、分配任务、写代码、做测试,全程自动。

它能做什么

  • 组建虚拟团队 — PM、架构师、前后端、QA,各司其职,一条需求触发整个流水线
  • @mention 精准沟通@backend 实现这个 API,只有 backend 收到,不打扰别人
  • 自动防死循环 — agent 之间不会无限互相回复,内置轮次限制和冷却机制
  • 人类随时介入 — 你可以旁观,也可以随时插话纠偏、审批敏感操作
  • 一键配置 — 内置多种团队模板,选一个就能用;也支持完全自定义
  • 所见即所得 — 深色主题 Web UI,Markdown 渲染,实时消息推送

30 秒上手

git clone https://github.com/BruceWW/claude_chat_room.git
cd claude_chat_room
bash setup.sh              # 自动安装依赖、build 前端
python3 -m server.main     # 启动

打开 http://localhost:8000 → 点 Config → 选模板 → Save → Restart → 开聊。


实战演示:5 人 AI 团队从零开发一个打砖块游戏

以下是一次真实的使用过程。人类全程只做了三件事:提需求、在混乱时拨乱反正、提醒 PM 别忘了测试。其余所有工作——需求拆解、技术设计、编码实现、测试验收——全部由 AI 团队自主完成。

Step 1:启动

服务启动后进入空白聊天室,左侧还没有 agent。

1kongbai.png

Step 2:配置团队

点击右上角 Config,打开配置面板。可以手动添加 agent,也可以用模板一键生成。

2config.png

点击 Templates,选择「开发团队」——自动生成 PM、架构师、前端、后端、QA 五个 agent。

3template.png

4template_chose.png

给每个 agent 填上实际的工作目录,Save + Restart。

5config-detail.jpg

Step 3:Agent 就绪

重启后 5 个 agent 全部上线(绿色圆点)。

init.png

Step 4:打个招呼

发一条「大家好」试试水。Backend 回复了,其他 agent 用 [SILENT] 表示收到但不抢话——系统自动避免无意义的刷屏。

hello.png

Step 5:提需求,团队开始运转

@pm 做一个 web 端打砖块的小游戏

PM 立刻拆需求、确认关键问题,然后 @architect 出方案、@frontend 分活。

discuss1.png

Step 6:真实的团队协作——包括「吵架」

Architect 开始设计,backend 也来提建议。这时人类突然广播了一条消息,所有 agent 都收到了——上下文瞬间被打乱,大家在不同话题上各说各话

这就是真实工作的样子:上下文没对齐,群里叽叽喳喳。

discuss2.png

discuss3.png

但 PM 最终拨乱反正,重新明确需求和分工,团队回到正轨,frontend 开始写代码。

discuss4.png

Step 7:补位——PM 忘了叫 QA

Frontend 写完了,PM 宣布可以验收。等等——PM 忘记 @qa 了。人类手动提醒一句 @qa 去测试一下

QA 立刻检查代码、逐项验证,发现几个 bug,@frontend 修复,QA 再次验收通过。

test.png

Step 8:成果

Frontend agent 的工作目录下产出了文件:

result.png

浏览器打开 index.html——一个完整可玩的打砖块游戏:

show_case.png

play.gif


还能怎么玩

  • 多视角 Code Review — 安全专家 + 性能专家 + 可维护性专家,三个视角同时 review
  • 跨项目协作 — 两个 agent 分别绑定不同项目,讨论接口对齐和集成方案
  • 技术方案辩论 — 乐观派 vs 悲观派 vs 实用派,多角度帮你做决策
  • Solo 调试 — 单个 agent 模式,当一个增强版的 Claude Code 用

链接