给你的 OpenClaw 配个"像素办公室"吧

星浩AI
137 阅读4分钟

最近在折腾 OpenClaw 的多智能体系统，发现了一个特别有意思的工具——OpenClaw Office。简单说，就是给你的"龙虾"（OpenClaw）配了个可视化的办公室，能实时看到各个智能体在干什么，效果真的很不错。

微信图片_20260307203022_86_17.jpg

什么是 OpenClaw Office？

OpenClaw Office 是 OpenClaw 多智能体系统的可视化监控和管理前端。它通过 WebSocket 连接到 OpenClaw Gateway，把智能体的协作过程可视化成一座"数字办公室"。

想象一下，你有一群 AI 智能体在帮你干活，以前你只能通过日志或者命令行看到它们的状态。现在有了 OpenClaw Office，你可以：

  • 实时看到每个智能体的状态（空闲、工作中、说话、调用工具、错误等）
  • 2D 或 3D 可视化，就像看一个真实的办公室一样
  • 完整的管理控制台，可以管理智能体、查看统计、配置设置等
  • 聊天界面，直接和智能体对话

一键安装，开箱即用

最让我喜欢的是，这个工具安装特别简单，几乎是一键搞定：

方式一：直接运行（推荐）

npx @ww-ai-lab/openclaw-office

不需要安装，直接运行就行。第一次会下载，之后就可以直接用了。

方式二：全局安装

npm install -g @ww-ai-lab/openclaw-office
openclaw-office

安装后就可以在任何地方用 openclaw-office 命令启动。

自动检测配置

更贴心的是，如果你本地已经安装了 OpenClaw，它会自动检测 Gateway 的认证 token，从 ~/.openclaw/openclaw.json 读取，完全不需要手动配置。

当然，你也可以手动指定：

openclaw-office --token <your-gateway-token>
# 或者通过环境变量
OPENCLAW_GATEWAY_TOKEN=<token> openclaw-office

功能亮点

1. 可视化监控

OpenClaw Office 提供了两种视图模式：

  • 2D 视图：SVG 平面图，展示办公室布局和智能体位置
  • 3D 视图：基于 React Three Fiber 的 3D 场景，更立体直观

你可以看到每个智能体的实时状态：

  • 🟢 空闲（idle）
  • 🔵 工作中（working）
  • 🟡 说话中（speaking）
  • 🟠 调用工具（tool_calling）
  • 🔴 错误（error）

2. 完整的管理控制台

除了可视化，还提供了完整的管理功能：

  • Dashboard：总览统计、健康状态、实时指标
  • Agents：智能体列表、详情、生命周期管理
  • Chat：与智能体对话的界面
  • Memory：记忆管理、搜索、统计
  • Skills：技能管理、详情查看
  • Cron：定时任务管理和统计
  • Settings：提供商管理、外观设置、Gateway 配置等

3. 双语支持

支持中英文双语，可以运行时切换语言，对中文用户很友好。

4. 响应式设计

支持移动端，自动适配不同屏幕尺寸。如果 3D 渲染不支持，会自动降级到 2D 视图。

技术栈

作为一个前端项目，OpenClaw Office 的技术选型也很现代：

  • 构建工具：Vite 6
  • UI 框架：React 19
  • 3D 渲染：React Three Fiber + @react-three/drei
  • 状态管理：Zustand 5 + Immer
  • 样式：Tailwind CSS 4
  • 图表：Recharts
  • 实时通信：原生 WebSocket

整体技术栈很新，性能应该不错。

使用体验

我用了一段时间，整体感觉：

优点：

  1. 安装简单：一条命令搞定，不需要复杂配置
  2. 可视化效果好：2D/3D 视图都很直观，能清楚看到智能体的状态
  3. 功能完整：不只是可视化，还有完整的管理功能
  4. 自动检测配置：本地有 OpenClaw 的话，自动读取配置，很贴心

注意事项：

  1. 需要先启动 OpenClaw Gateway（默认 localhost:18789）
  2. 如果是 Gateway 2026.2.15+ 版本，需要配置设备认证绕过： 
    openclaw config set gateway.controlUi.dangerouslyDisableDeviceAuth true
    然后重启 Gateway。

写在最后

OpenClaw Office 确实是个不错的工具，给 OpenClaw 多智能体系统增加了可视化监控能力。如果你也在用 OpenClaw，特别是多智能体场景，强烈建议试试这个工具。

安装简单，效果不错，值得一试。

相关链接：

好了，今天的分享就到这里。如果你也试用了 OpenClaw Office，或者有其他使用 OpenClaw 的心得，欢迎在评论区交流。

avatar
文章
阅读
粉丝