Tide Commander — 一个用3D战场管理多个AI编程Agent的可视化工具（Claude Code + Codex）
如果你同时运行多个Claude Code或Codex终端，你一定懂这种痛苦：标签页到处都是，上下文丢失，完成的任务被淹没。我开发了Tide Commander来解决这个问题。
它是一个可视化的多Agent编排工具。你的AI Agent以3D角色出现在战场上，点击选择，输入命令，实时观看它们工作。看起来像游戏，但内部是一个完整的开发者工具。
bunx tide-commander
需要 Node.js 18+，Linux 或 Mac，PATH 中有 Claude Code 或 Codex CLI。
解决什么问题
AI编程Agent并行工作效果最好——一个跑测试，一个写功能，一个修Bug。但同时管理五个终端是一团乱。哪个有认证模块的上下文？测试Agent完成了吗？
Tide Commander把所有东西放在一个可视化界面里，包含文件差异对比、Git集成的文件浏览器和实时流式输出。很多场景下，IDE变得几乎不必要了。
核心概念
Boss Agent — 拥有下属Agent的上下文，把任务分配给最合适的Agent，汇总工作进度。跟一个Boss对话，不用在终端之间切换。
Supervisor（监督者） — 上帝视角观察者。Agent完成任务时自动生成摘要。你不会错过任何完成的任务。
Group Areas（区域） — 在战场上画区域来按项目组织Agent。分配文件夹可启用文件浏览器。
Classes（职业） — 类似游戏里的职业系统：每个职业有3D模型、指令（类似claude.md）和技能。支持上传自定义GLB模型。
Buildings（建筑） — 控制真实基础设施的3D建筑：
| 类型 | 功能 |
|---|---|
| Server | PM2集成，实时日志，CPU/内存监控 |
| Database | MySQL/PostgreSQL/Oracle — SQL编辑器，Schema浏览器 |
| Docker | 容器管理，健康检查，日志流 |
| Boss Building | 批量控制下属建筑 |
开发者工具
虽然有RTS游戏的外观，但这是开发者优先的：
- 文件浏览器 + Git Diff — 并排差异查看器，分支切换，合并冲突UI，vim风格导航
- 上下文追踪 — 每个Agent的法力条显示上下文窗口使用量
- 快照 — 保存完整对话和修改的文件，随时恢复
- 密钥管理 — AES-256-GCM加密的占位符注入，不会出现在日志中
- Spotlight（Ctrl+K） — 模糊搜索Agent、文件、区域、操作
- 粘贴万物 — 文件路径自动附加，截图直接粘贴，大文本自动压缩
三种视图模式
Alt+2 切换：3D（Three.js战场，12个内置模型，支持自定义GLB）、2D（Canvas，相同功能，更轻量）、Dashboard（状态卡片和指标）。
技能系统
带工具权限和Markdown指令的插件。内置：Git Captain、通知（浏览器/Android/桌面）、流式执行、Agent间通信、数据库和服务器日志。可创建自定义技能并分配给Agent或职业。
架构
用户 → React + Three.js → WebSocket → Node.js/Express → Claude/Codex CLI
每个Agent是一个真实的CLI进程。后端解析stdout事件并流式传输到前端。会话在重启后保持。约13万行TypeScript。所有数据保存在本地。
安装
npm i -g tide-commander@latest
tide-commander start
MIT开源协议。没有付费版本。无需注册。没有遥测数据收集。
- GitHub: github.com/deivid11/ti…
- 官网: tidecommander.com
