openclaw-command-center

v1.5.3

Published

10 hours ago

超哥办公室 — OpenClaw AI 多部门指挥中心：像素办公室、会议室(跨部门顺序讨论)、子代理、定时任务、工作流、公告板、记忆系统、仪表盘、Gmail/Drive/Sheets集成、语音输入、Webhook、PWA、命令面板(Cmd+K)、中英双语 | Pixel-art virtual office with multi-agent chat, meeting room (sequential cross-dept discussion), sub-agents, cron scheduler,

Downloads

2,032

超哥办公室 — OpenClaw 指挥中心

AI 多代理虚拟办公室控制面板

AI Multi-Agent Virtual Office Dashboard

将你的 AI 代理变成虚拟办公团队 — 像素风办公室、会议室、部门对话、子代理、定时任务、工作流、Gateway 流式通信、PWA、全套集成。

Turn your AI agents into a virtual office team — pixel-art office, meeting room, department chat, sub-agents, cron jobs, workflows, Gateway streaming, PWA, full integrations.

中文 | English

中文

这是什么？

OpenClaw 指挥中心是一个 Web 控制面板，将你的 AI 代理变成虚拟办公团队。每个"部门"都有独立的 AI 助手 — 用自然语言和它们对话、设置自动化任务、从复古像素风界面监控一切。

浏览器 (React 19 + Canvas 2D)
  ├── 像素办公室   ← 每个部门一个动画角色
  ├── 右侧面板     ← 对话 / 公告 / 记忆 / 定时 / 统计 / ...
  └── 底部状态栏   ← 部门卡片 + 快速切换
       ↓ WebSocket
Express + ws (端口 5100)
  ├── REST API (/api/*)
  └── gateway.js → OpenClaw 网关 (ws://127.0.0.1:18789)

核心功能

| 类别 | 功能说明 | |------|---------| | AI 对话 | 自然语言与各部门助手交流，流式响应，子代理创建，图片/文档上传 (PDF/DOCX/XLSX)，对话导出，失败重试 | | 会议室 | 多部门实时讨论，部门顺序发言（每个部门看到前面部门的回复），会议模板快速创建，自动发起讨论，会议纪要导出到 Google Drive | | 像素办公室 | Canvas 渲染的虚拟办公室，动画精灵角色，自动扩展的网格布局，点击角色选中部门，滚轮缩放 | | 命令面板 | Cmd+K 快速搜索，模糊匹配部门/标签/操作，键盘导航 | | 部门管理 | UI 内创建/编辑/删除，自定义图标和颜色，Telegram Topic 关联，右键菜单操作 | | 子代理 | 为部门创建专项子代理，独立对话/任务，技能继承，请示上级机制 | | 工作流 | 多步骤自动化流程，可视化编辑器，条件分支 | | 定时任务 | 基于 Cron 的自动化，支持间隔或 Cron 表达式，执行历史记录，暂停/恢复/删除 | | 集成服务 | Gmail 邮件发送、Google Drive 备份、语音输入 (Whisper)、Webhook 通知、Google Sheets、推送通知 | | 全员广播 | 一条命令发给所有部门，收集全部回复，适合公司级协调 | | 记忆系统 | 每部门独立 AI 记忆，手动编辑，版本历史，角色 (Persona) 配置 | | 公告板 | 全局公告发布与阅读，跨部门信息同步 | | 监控面板 | 网关状态、Token 用量、实时活动流、性能指标、仪表盘图表 | | 系统配置 | 网关配置、模型管理、代理默认值、渠道设置，首次运行安装向导 | | PWA | 渐进式 Web 应用，离线缓存，iOS/Android 安装提示，Service Worker | | 移动端 | 响应式布局，滑动手势，触控优化，移动端抽屉菜单 | | 双语界面 | 完整中英文 UI，一键切换 |

斜杠命令：

| 命令 | 别名 | 说明 | |------|------|------| | /help | /帮助 | 显示所有命令 | | /dept | /部门 | 创建/管理部门 | | /broadcast | /广播 | 广播到所有部门 | | /export | /导出 | 导出当前对话 | | /status | /状态 | 查看系统状态 | | /clear | /清屏 | 清空当前聊天 |

快速开始

方式一：交互式安装器（推荐）

npx openclaw-command-center

或者克隆后运行：

git clone https://github.com/tywang2006/openclaw-command-center.git
cd openclaw-command-center
bash install.sh

安装器提供两种模式：

新手模式 — 从零搭建（OpenClaw + 网关 + 指挥中心）
已有用户模式 — 仅安装指挥中心（自动检测已有 OpenClaw 配置）

方式二：手动安装

git clone https://github.com/tywang2006/openclaw-command-center.git
cd openclaw-command-center
npm install
npm run build
node server/index.js

访问 http://localhost:5100/cmd/

配置说明

| 变量 | 默认值 | 说明 | |------|--------|------| | OPENCLAW_HOME | ~/.openclaw | OpenClaw 根目录 | | CMD_PORT | 5100 | 服务端口 | | OPENCLAW_GATEWAY_URL | ws://127.0.0.1:18789 | 网关 WebSocket 地址 | | OPENCLAW_AUTH_TOKEN | (自动检测) | 网关认证令牌 |

部门通过 UI 管理 — 点击状态栏 + 按钮，或在对话中输入 /dept。

部署

PM2（推荐）：

pm2 start ecosystem.config.cjs
pm2 save && pm2 startup

Nginx 反向代理：

location /cmd/ {
    proxy_pass http://127.0.0.1:5100;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
}

健康检查： GET /health — 返回服务器状态、运行时间、网关连接状态。

项目结构

command-center/
├── server/                # Express 后端
│   ├── index.js           #   HTTP + WebSocket 服务器
│   ├── gateway.js         #   OpenClaw 网关客户端
│   ├── agent.js           #   通过网关的 AI 对话
│   ├── auth.js            #   密码认证 (scrypt)
│   └── routes/            #   API 路由模块
├── src/                   # React 19 前端
│   ├── components/        #   30+ UI 组件
│   ├── office/            #   像素艺术引擎
│   ├── i18n/              #   中文 + 英文
│   └── hooks/             #   WebSocket 状态管理
├── install.sh             # 交互式安装器
└── dist/                  # 生产构建输出

技术栈

| 层级 | 技术 | |------|------| | 前端 | React 19, TypeScript 5.9, Vite 7, Canvas 2D | | 后端 | Express 5, WebSocket (ws), chokidar | | AI | OpenClaw 网关 (协议 3-5) | | 认证 | scrypt + 时序安全比较 | | 进程 | PM2 |

English

What is this?

OpenClaw Command Center is a web-based dashboard that turns your AI agents into a virtual office team. Each "department" has its own AI assistant — chat with them in natural language, set up automated tasks, and monitor everything from a retro pixel-art interface.

Browser (React 19 + Canvas 2D)
  ├── Pixel Office   ← animated characters per department
  ├── Right Panel    ← Chat / Bulletin / Memory / Scheduler / Stats / ...
  └── Status Bar     ← department cards + quick switch
       ↓ WebSocket
Express + ws (port 5100)
  ├── REST API (/api/*)
  └── gateway.js → OpenClaw Gateway (ws://127.0.0.1:18789)

Features

| Category | What you get | |----------|-------------| | AI Chat | Natural language conversation with department agents, streaming responses, sub-agent creation, image & document upload (PDF/DOCX/XLSX), conversation export, retry on failure | | Meeting Room | Multi-department real-time discussion, sequential responses (each dept sees previous replies), quick-create templates, auto-start discussion, meeting minutes export to Google Drive | | Pixel Office | Canvas-rendered office with animated sprite characters, auto-expanding grid layout, click-to-select departments, scroll wheel zoom | | Command Palette | Cmd+K quick search, fuzzy match departments/tabs/actions, keyboard navigation | | Department Management | Create / edit / delete from UI, custom icons & colors, Telegram topic linking, right-click context menu | | Sub-Agents | Create specialized sub-agents per department, independent chat/tasks, skill inheritance, escalation to parent | | Workflows | Multi-step automation pipelines, visual editor, conditional branching | | Scheduled Tasks | Cron-based automation, interval or cron expression, execution history, pause/resume/delete | | Integrations | Gmail SMTP, Google Drive backup, Voice input (Whisper), Webhook notifications, Google Sheets, push notifications | | Team Broadcast | One command to all departments, collect all responses, ideal for company-wide coordination | | Memory System | Per-department AI memory, manual editing, version history, persona configuration | | Bulletin Board | Global announcements, cross-department information sync | | Monitoring | Gateway stats, token usage, real-time activity feed, performance metrics, dashboard charts | | System Config | Gateway configuration, model management, agent defaults, channel settings, first-run setup wizard | | PWA | Progressive Web App, offline shell caching, iOS/Android install prompt, Service Worker | | Mobile | Responsive layout, swipe gestures, touch-optimized, mobile drawer menu | | i18n | Full Chinese / English UI with one-click toggle |

Slash Commands:

| Command | Alias | Description | |---------|-------|-------------| | /help | /帮助 | Show all commands | | /dept | /部门 | Create/manage departments | | /broadcast | /广播 | Broadcast to all departments | | /export | /导出 | Export current conversation | | /status | /状态 | View system status | | /clear | /清屏 | Clear current chat |

Quick Start

Option A: Interactive Installer (Recommended)

npx openclaw-command-center

Or clone and run:

git clone https://github.com/tywang2006/openclaw-command-center.git
cd openclaw-command-center
bash install.sh

The installer offers two modes:

Beginner Mode — full setup from scratch (OpenClaw + Gateway + Command Center)
Existing User Mode — Command Center only (detects existing OpenClaw config)

Option B: Manual Setup

git clone https://github.com/tywang2006/openclaw-command-center.git
cd openclaw-command-center
npm install
npm run build
node server/index.js

Access at http://localhost:5100/cmd/

Configuration

| Variable | Default | Description | |----------|---------|-------------| | OPENCLAW_HOME | ~/.openclaw | OpenClaw root directory | | CMD_PORT | 5100 | Server port | | OPENCLAW_GATEWAY_URL | ws://127.0.0.1:18789 | Gateway WebSocket URL | | OPENCLAW_AUTH_TOKEN | (auto-detected) | Gateway auth token |

Departments are managed through the UI — click + in the status bar, or type /dept in chat.

Deployment

PM2 (Recommended):

pm2 start ecosystem.config.cjs
pm2 save && pm2 startup

Nginx Reverse Proxy:

location /cmd/ {
    proxy_pass http://127.0.0.1:5100;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
}

Health Check: GET /health — returns server status, uptime, gateway state.

Project Structure

command-center/
├── server/                # Express backend
│   ├── index.js           #   HTTP + WebSocket server
│   ├── gateway.js         #   OpenClaw Gateway client
│   ├── agent.js           #   AI chat via Gateway
│   ├── auth.js            #   Password auth (scrypt)
│   └── routes/            #   API route modules
├── src/                   # React 19 frontend
│   ├── components/        #   30+ UI components
│   ├── office/            #   Pixel art engine
│   ├── i18n/              #   Chinese + English
│   └── hooks/             #   WebSocket state management
├── install.sh             # Interactive installer
└── dist/                  # Production build output

Tech Stack

| Layer | Technology | |-------|-----------| | Frontend | React 19, TypeScript 5.9, Vite 7, Canvas 2D | | Backend | Express 5, WebSocket (ws), chokidar | | AI | OpenClaw Gateway (protocol 3-5) | | Auth | scrypt + timing-safe comparison | | Process | PM2 |

Changelog / 更新日志

[1.5.0] - 2026-03-17

Added / 新增

Meeting Room / 会议室: Multi-department real-time discussion with sequential responses — each department sees previous replies for genuine cross-department interaction. 多部门实时讨论，顺序发言，真正的跨部门互动
Meeting templates / 会议模板: Quick-create standup, weekly review, tech review, product sync (SVG icons). 快速创建每日站会、每周总结、技术评审、产品同步
Auto-send topic / 自动发起讨论: Meeting topic auto-sent on creation to kick off department discussion immediately. 创建会议后自动发送主题启动讨论
Meeting minutes export / 会议纪要导出: Auto-export to Google Drive on meeting end with formatted markdown. 会议结束自动导出纪要到 Google Drive
Tab bar redesign / 标签栏重设计: 2-row 6-column CSS grid layout fitting 12 tabs. 两行六列网格布局容纳12个标签
Command Palette / 命令面板: Cmd+K fuzzy search for departments, tabs, actions with keyboard navigation. 模糊搜索部门、标签、操作
PWA: Progressive Web App with service worker, offline shell caching, iOS/Android install. 渐进式Web应用，离线缓存，移动端安装
Chat panel decomposition / 聊天面板拆分: Split into ChatInput, ChatMessages, ChatToolbar, SubAgentPanel. 拆分为独立子组件
Chat retry / 聊天重试: Retry failed department messages. 失败消息重试
Push notifications / 推送通知: Web Push subscription management. 浏览器推送通知管理

Changed / 变更

MeetingRoom CSS: all hardcoded colors replaced with charcoal theme CSS variables. 所有硬编码颜色替换为主题CSS变量
Meeting responses: sequential instead of parallel (real discussion vs broadcast). 部门顺序回复而非并行（真正讨论而非广播）
Passive wheel fix on OfficeCanvas — no more preventDefault console errors. 修复被动事件监听器控制台报错

[1.4.0] - 2026-03-16

Fixed / 修复

Gateway device auth: OpenClaw 2026.3.x Ed25519 challenge-response authentication. 网关设备认证适配新版协议

Added / 新增

System config panel / 系统配置面板: Gateway, model, agent, channel settings from UI. 网关、模型、代理、渠道设置
Setup wizard / 安装向导: First-run onboarding with password creation and OpenClaw detection. 首次运行引导流程
Auth hardening / 认证加固: Constant-time comparison, brute-force protection. 时序安全比较，暴力破解防护

[1.3.1] - 2026-03-12

Added / 新增

Multi-platform installer (DMG, Windows, npm CLI, Linux .run). 多平台安装器
Department management and metrics dashboard. 部门管理与指标仪表盘
Integration upgrades (webhooks, Google Sheets). 集成升级
Sub-agent visibility, escalation, skills management. 子代理管理
In-app Guide tab. 应用内使用指南

Fixed / 修复

Gateway reconnect, metrics, workflows, WS auth, streaming performance. 网关重连、指标、工作流等多项修复
macOS bash 3.2 compatibility. macOS 兼容性

[1.2.0] - 2026-03-09

Added / 新增

Capabilities dashboard: channels, plugins, skills, models. 能力总览面板
Gmail integration (SMTP). Gmail 邮件集成
Google Drive backup (Service Account). Google Drive 备份
Voice input (OpenAI Whisper). 语音输入
Chat export (Markdown / HTML). 对话导出
Integration config management. 集成配置管理

[1.1.0] - 2026-03-07

Added / 新增

Gateway event listening (streaming, health, tick). 网关事件监听
Telegram messages display in real-time. Telegram 消息实时显示
Sub-agent details + pixel office display. 子代理详情与像素办公室展示
4x2 multi-room pixel office layout. 4x2 多房间像素办公室布局
Memory editing in MemoryTab. 记忆编辑
Pixel sprite quality upgrade (8 core sprites). 像素精灵质量升级

[1.0.0] - 2026-03-06

Initial Release / 首次发布

React 19 + Express + WebSocket dashboard. 仪表盘
OpenClaw Gateway integration. 网关集成
7-department pixel office with Canvas 2D. 7部门像素办公室
Department chat, broadcast, sub-agent management. 部门对话、广播、子代理管理
Real-time file watching + WebSocket push. 实时文件监控
Zoom slider for pixel office. 像素办公室缩放

Elastic License 2.0 | Made by @tywang2006

可以免费使用，禁止修改源码再分发，禁止作为托管服务出售。

Free to use. Cannot modify and redistribute. Cannot provide as a hosted service.

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

超哥办公室 — OpenClaw 指挥中心

中文

这是什么？

核心功能

快速开始

配置说明

部署

项目结构

技术栈

English

What is this?

Features

Quick Start

Configuration

Deployment

Project Structure

Tech Stack

Changelog / 更新日志

[1.5.0] - 2026-03-17

[1.4.0] - 2026-03-16

[1.3.1] - 2026-03-12

[1.2.0] - 2026-03-09

[1.1.0] - 2026-03-07

[1.0.0] - 2026-03-06