8.6万 Stars 的开源开发者控制台：OpenHands Agent Canvas 让编码 Agent 可视化

OpenHands 之前是”AI 编码 Agent”的代名词，现在它推出了 Agent Canvas——一个自托管的开发者控制中心，可以同时运行 OpenHands、Claude Code、Codex、Gemini 等任意支持 ACP 协议 的编码 Agent，本地 / 远程 / 云端全覆盖。

OpenHands（OpenHands/OpenHands，⭐ 85,752，TypeScript，Apache 2.0）是开源编码 Agent 平台，最新版本推出 Agent Canvas——一个自托管的开发者控制中心，让多种编码 Agent 在同一个界面里运行、切换、可视化。

核心数据

它解决什么问题

多个编码 Agent 工具分散在不同平台——本地 CLI 一个、云端一个、Claude Code 一个、Copilot 一个。Agent Canvas 的解法：

• 统一界面：所有 ACP 兼容的编码 Agent 在同一个 Canvas 里运行
• 跨后端：本地 / 远程 / 云端后端自由切换
• 可视化调试：Agent 思考过程、工具调用、文件修改全程可视化
• 自托管：数据完全在你自己服务器

技术亮点

1. ACP 协议：打通多 Agent 生态

ACP（Agent Communication Protocol）是 OpenHands 推出的开放协议，任何实现 ACP 的 Agent 都可以接入 Agent Canvas——不只是 OpenHands，Claude Code、Codex、Gemini 等都可以。

2. 多后端支持

# 本地后端（数据不离开机器）
openhands run --backend local

# 远程后端（团队共享）
openhands run --backend remote --host your-server

# 云端后端
openhands run --backend cloud

3. 可视化 Canvas

不是纯终端输出——Agent 的思考链、工具调用顺序、文件 diff 全程可视化，调试效率大幅提升。

4. Beta 状态，进度活跃

目前处于 Beta 阶段，但 GitHub Actions CI 通过，npm 包稳定更新，适合早期采用者。

安装使用

# npm 安装
npm install -g @openhands/agent-canvas

# 启动 Canvas
openhands canvas

# 访问 http://localhost:3000

和普通 Agent CLI 的区别

项目地址：github.com/OpenHands/OpenHands
官网：openhands.dev
文档：docs.openhands.dev