2.2K 标星的龙虾办公可视化项目！OpenClaw 专属的像素风「赛博办公室」！

OpenClaw 发展到现在依旧热度不减，在各大开发者社群，几乎每天都在被各种“赛博龙虾”刷屏。

它们在后台默默帮你处理成山的未读邮件、总结小红书和知乎的热帖、甚至半夜还在不知疲倦地爬取最新的行业日报。

我们享受着 AI 带来的极致效率，但随之而来的，却是一种深深的“剥离感”。

我们只知道它在运转，却看不见它正在如何思考、如何劳作。有时候隐藏在黑乎乎的终端日志里，或者偶尔在钉钉、飞书里弹出工作汇报。

如果能套上一个美观、直观的视觉外壳，给人的体验会更有冲击力。

之前就刷到过一个我非常喜欢的AI博主：海幸Hyacinth，制作的龙虾办公室项目，可以实时的查看你的 Agent（🦞）真实工作状态。

最近，由 海幸Hyacinth 和 Simon_阿文 联手打造的 Star-Office-UI（龙虾办公室） 已经彻底在 GitHub 上开源了。

现在已经收获了 2.2K 标星，看来喜欢用的人还是不少！

这个项目直接把 AI 助手的工作状态变成了一个像素风的办公室看板，AI 会根据状态自动走到不同的位置，还能看到昨天的工作小记！

最新更新还给 StarOfficeUI 添加了迷你桌面端形态~！

项目简介

Star Office UI 是我特别喜欢的两个 AI 大佬 Simon_阿文 和 海幸 Hyacinth 共同打造的一个面向多 Agent 协作的像素办公室看板。

简单来说，它就是一个实时更新的"像素办公室仪表盘"——你的 AI 助手（和你邀请的其他 Agent）会根据状态自动走到不同位置（休息区/工作区/bug区），你还能看到他们昨天的工作小记。

• • 工作区（Work Area）： 当你给它下发了一个爬取网页或者总结数据的任务时，你会看到它立刻跑到电脑桌前，甚至能感觉到它敲击键盘的残影。
• • 休息区（Rest Area）： 当任务队列清空，或者它处于待机状态时，它绝不会傻站着。它会晃悠到休息区，可能是在喝咖啡，可能是在发呆。
• • Bug 区（Bug Area）： 这是一个极其天才且幽默的设计！如果执行任务过程中遇到了网络报错、API 超时或者代码逻辑崩溃，这只龙虾会被直接“发配”到 Bug 区疯狂抓狂。

这种将枯燥的系统状态码（Status Code）转化为直观角色动画的设计，彻底打破了人机交互的冰冷感。

以前我们只能去翻查 error.log，现在我们只需看一眼屏幕，只要它不在 Bug 区挠头，就说明今天又是特别安稳的一天。

核心亮点

① 🦞 可视化龙虾工作状态

这是整个项目最有意思的地方！龙虾会根据不同的状态自动走到办公室的不同区域：

• • idle（闲置）：在休息区放松
• • writing（工作）：在工作区认真干活
• • researching（研究）：在查阅资料
• • executing（执行）：在执行任务
• • syncing（同步）：在同步进度
• • error（报 bug）：在 bug 区排查问题

每个状态都有对应的动画和气泡展示，超级生动！

② 📝 "昨日小记"微型总结

左下角会展示龙虾昨天的工作小记。后端会从 memory/*.md 中读取昨天（或最近可用）的记录，做基础脱敏后展示出来。

这样你就能快速回顾一下龙虾昨天都做了什么。

③ 🤝 支持邀请其他访客加入办公室

虽然功能还在持续迭代中，但现在已经可以通过 join key 邀请其他 Agent 加入办公室了。

访客可以持续 push 自己的状态到办公室看板，多人协作的感觉一下子就有了！

④ 📱 已适配手机端访问

移动端可以直接打开查看状态，特别适合外出时快速看一眼龙虾在做什么。

⑤ 🌍 支持中英日三语切换

已支持 CN/EN/JP 三语切换，语言切换会实时作用于界面文案、加载提示与角色气泡。

⑥ 🎨 支持自定义美术资产

资产侧边栏支持选择、替换、默认值管理，你可以自定义角色、场景、装饰、按钮等素材。

还支持动态素材重切帧与参数同步，避免闪烁问题。

⑦ 🏠 支持接入自己的生图 API（可无限换背景）

支持接入自有生图 API 进行"搬新家/找中介"式背景更新。

推荐使用 nanobanana-pro 或 nanobanana-2 模型，结构保持更稳定。

当然，基础看板功能不依赖 API，不接入 API 也可正常使用核心状态看板与资产管理。

快速入手

好消息是，这个项目上手超级简单！跟着下面的步骤，30秒就能体验：

① 下载仓库

git clone https://github.com/ringhyacinth/Star-Office-UI.git
cd Star-Office-UI

② 安装依赖

python3 -m pip install -r backend/requirements.txt

③ 准备状态文件（首次）

cp state.sample.json state.json

④ 启动后端

cd backend
python3 app.py

然后打开浏览器访问：http://127.0.0.1:18791。

⑤ 切换状态试试

在项目根目录执行这些命令，看看龙虾的变化：

python3 set_state.py writing "正在整理文档"
python3 set_state.py syncing "同步进度中"
python3 set_state.py error "发现问题，排查中"
python3 set_state.py idle "待命中"

邀请其他小龙虾

其他AI Agent可以用 office-agent-push.py 加入：

1. 1. 先调用 join-agent 获取权限
2. 2. 然后周期调用 agent-push 推送状态

默认有8个join key可用（ocj_starteam01 ~ ocj_starteam08）。

项目提供了一些常用的 API，方便你集成到自己的系统中：

• • GET /health：健康检查
• • GET /status：主 Agent 状态
• • POST /set_state：设置主 Agent 状态
• • GET /agents：获取多 Agent 列表
• • POST /join-agent：访客加入
• • POST /agent-push：访客推送状态
• • POST /leave-agent：访客离开
• • GET /yesterday-memo：昨日小记

🔮 未来展望

两位大佬也欢迎大家基于这个框架扩展更多玩法：

• • 更丰富的状态语义与自动编排
• • 多房间/多团队协作地图
• • 任务看板、时间线、日报自动生成
• • 更完整的访问控制与权限体系

如果你做了有趣的改造，也欢迎分享或提交PR！

写在最后

Star Office UI 这个项目真的太有意思了！它把原本枯燥的 AI 状态展示变成了一个生动有趣的像素办公室，让你能直观地看到 AI 助手在做什么。

无论是个人使用还是团队协作，都能带来不一样的体验。

如果你也想给自己的 AI 助手安排一个像素工位，不妨去 GitHub 上 star 一下这个项目，动手试试吧！

GitHub：

https://github.com/ringhyacinth/Star-Office-UI

Skill 文档：

https://github.com/ringhyacinth/Star-Office-UI/blob/master/SKILL.md

如果本文对您有帮助，也请帮忙点个 赞👍 + 在看 哈！❤️

在看你就赞赞我！