Star-Office-UI

想象一下：每天早上你打开一个网页，看见一间像素风的小办公室——你训练的 AI 助手正坐在工位上敲键盘，旁边的沙发上另一个 Agent 在"待命中"。鼠标悬停能看到它昨天做了什么报告。这就是 Star Office UI 想做的事：把 AI 的工作状态变成一个有人情味的可视化看板。

🏢 这间像素办公室是怎么来的？

2024 年底，一个叫 Ring Hyacinth 的开发者在 X 上发了一条动态，调侃自己每次想知道"AI 助手现在在干嘛"都得去翻日志。于是他拉着 Simon Lee 一起，花了几个周末，用像素画的风格把 OpenClaw Agent 的工作状态画成了一间虚拟办公室。没想到 demo 发出去之后，很多 OpenClaw 用户在下面留言"能不能让我也用"——于是这个临时起意的副业项目，逐渐演变成了一个完整的多 Agent 协作可视化平台。

代码基于 MIT 许可开源，美术资产仅限非商业学习用途，由 @Zhaohan-Wang、@Jah-yee、@liaoandi 等社区开发者共同维护。

💼 像素办公室能做什么？

6 种状态自动映射到不同区域：

当 Agent 接入 OpenClaw 后，只需要在 SOUL.md 里加一行规则——接到任务时自动执行 set_state.py writing "正在XXX"，任务完成后切回 idle。办公室里的像素角色会自己走到对应位置，气泡里显示实时描述文字，动画流畅不闪烁。

昨日小记功能 是很多人最喜欢的细节。后端会自动从 memory/*.md 读取最近一天的工作记录，脱敏处理后展示在办公室的公告板上。你可以一眼看到"这个 Agent 昨天整理了 3 个文档、更新了 2 个技能"。

多 Agent 协作通过 join key 实现——类似视频会议的邀请链接，每个 key 默认支持 3 人同时在线，Agent 之间可以互相看到彼此的状态，组成一个"AI 办公室团队"。

🔧 技术上是怎么实现的？

后端用 Flask 轻量实现，依赖只有 flask==3.0.2 和 pillow==10.4.0（用于 AI 生图功能）。前端是纯静态 HTML 页面，通过 Phaser.js（像素游戏引擎）渲染动画角色和场景。状态存储在 JSON 文件（state.json、agents-state.json）中，不依赖外部数据库，非常适合个人或小团队快速部署。

OpenClaw 深度集成是核心特性。项目原生支持读取 OpenClaw workspace 路径，自动获取 Identity 信息，与 OpenClaw 的记忆系统（memory/*.md）联动。状态通过 HTTP API 推送，支持 python3 set_state.py <状态> "<描述>" 一键切换，也支持纯 API 调用接入任意 Agent 系统。

可选的桌面宠物模式通过 Tauri/Electron 封装，将办公室变成一个透明窗口悬浮在桌面右上角，随时可见 Agent 状态，交互方式和网页版完全一致。

多语言支持（中文/英文/日语）通过前端国际化切换实现，所有界面文案、气泡提示、加载状态全部联动，适合跨国团队或有多语言需求的 Agent 使用。

🚀 部署有多简单？

5 分钟搞定，不需要 Docker：

git clone https://github.com/ringhyacinth/Star-Office-UI.git
cd Star-Office-UI
pip install -r backend/requirements.txt
cp state.sample.json state.json
cd backend && python3 app.py

然后打开 http://127.0.0.1:19000 即可。公网分享用 cloudflared tunnel --url http://127.0.0.1:19000 一键生成临时链接。

资源需求极低： 无 GPU，无特殊硬件，树莓派都能跑。Python 3.10+ 即可。

⚠️ 需要知道的一些局限

1. 美术资产仅限非商业用途：虽然代码 MIT，但像素艺术资源禁止商业使用。如果你要把这个可视化能力集成到商业产品中，需要替换自己的美术资产。
2. 非 OpenClaw 用户体验打折：完整的状态自动同步需要配合 OpenClaw 框架；手动 set_state.py 或 API 调用也能用，但失去了"Agent 自觉汇报"的优势。
3. 状态持久化依赖 JSON 文件：没有数据库，不适合高并发场景（但这个定位本来就不是高并发系统）。
4. 前端依赖 Phaser.js：游戏引擎带来了流畅动画，但增加了前端 bundle 体积，移动端首次加载略慢。

🌟 它代表了什么趋势？

Star Office UI 的 Star 数量（7200+）说明了一个有趣的现象：AI Agent 的"存在感"正在成为社区的强需求。过去的 Agent 系统更关注能力上限（能做什么），而这个项目关注的是可视化透明度（现在在做什么）。它让 AI 的工作过程从黑盒变成了半透明——不只是给开发者看，也是给非技术人员看。

2025 年，OpenClaw 生态快速扩张，越来越多的 Agent 被用于生产环境。Agent 协作看板、多 Agent 状态聚合、跨 Agent 记忆共享，正在成为 Agent 平台的标配能力。Star Office UI 作为这个趋势里最"可爱"的一个案例，值得关注。

图1：Star Office UI 主界面——像素风 AI 办公室看板

图2：办公室房间布局参考图