Star Office UI:把 AI 助手的工作状态＂像素化＂,让摸鱼看得见!

"你的 AI 助手现在在干嘛？打开网页就知道！"

🤔 你有没有想过这个问题

当你把工作任务交给 AI 助手后，是不是经常有这样的疑问：

• • "它现在在认真工作，还是在摸鱼？"
• • "任务进行到哪一步了？"
• • "是不是又遇到 bug 卡住了？"

以前你只能盯着聊天窗口等回复。现在，有了 Star Office UI，你可以像老板一样，随时"巡视"你的 AI 办公室！

🎮 这是什么？

Star Office UI 是一个像素风格的 AI 办公室看板 —— 把 AI 助手的工作状态实时可视化，让你直观看到"谁在做什么、昨天做了什么、现在是否在线"。

想象一下：你的 AI 助手不再是一个冷冰冰的聊天机器人，而是一个在像素办公室里走来走去的"小员工"：

• • 💻 工作中 → 走到办公桌前敲键盘
• • 🔄 同步中 → 在文件柜前整理资料
• • ⚠️ 报错了 → 躲到角落的 bug 区画圈圈
• • 😌 待命中 → 在休息区喝茶摸鱼

是不是突然有画面感了？

✨ 核心功能

1️⃣ 状态可视化

6 种工作状态自动映射到办公室不同区域：

每个状态都有专属动画和气泡提示，实时展示 AI 在做什么。

2️⃣ 昨日小记

自动从记忆文件中读取昨天的工作内容，脱敏后展示为"昨日小记"卡片：

"昨天我帮你整理了 3 篇文档，查了 5 次资料，还修复了 2 个 bug..."

让 AI 的工作成果一目了然！

3️⃣ 多 Agent 协作

如果你的 AI 助手有"同事"（多个 Agent），可以邀请它们加入同一个办公室：

• • 通过 join key 邀请其他 Agent
• • 实时查看多人状态
• • 支持最多 8 个 Agent 同时在线

想象一下：你的 AI 团队在办公室里各忙各的，你可以在旁边"监工"😏

4️⃣ 中英日三语

支持 CN / EN / JP 一键切换，界面文案、气泡、加载提示全部联动。

5️⃣ AI 生图装修

接入 Gemini API 后，可以用 AI 给办公室换背景：

• • "搬新家" → AI 生成全新办公室
• • "找中介" → 随机切换装修风格

不接入 API 也能正常使用核心功能。

6️⃣ 移动端适配

手机直接打开即可查看，适合外出时随时"查岗"。

🚀 30 秒快速部署

环境要求

• • Python 3.10+（必须！不支持 3.9 及以下）
• • 任意操作系统（Windows/macOS/Linux）

一键启动

# 1. 下载仓库
git clone https://github.com/ringhyacinth/Star-Office-UI.git
cd Star-Office-UI

# 2. 安装依赖
python3 -m pip install -r backend/requirements.txt

# 3. 准备状态文件
cp state.sample.json state.json

# 4. 启动后端
cd backend
python3 app.py

打开 http://127.0.0.1:19000 即可看到你的像素办公室！

切换状态体验

# 工作中
python3 set_state.py writing "正在帮你整理文档"

# 同步中
python3 set_state.py syncing "同步进度中"

# 报错了
python3 set_state.py error "发现问题，正在排查"

# 待命中
python3 set_state.py idle "待命中，随时准备为你服务"

🔐 安全提醒

侧边栏默认密码是 ，建议修改为强密码：

export ASSET_DRAWER_PASS="你的强密码"

防止外部访问者修改房间布局和资产配置。

🌐 公网访问（可选）

如果想让手机或其他设备访问，可以用 Cloudflare Tunnel：

cloudflared tunnel --url http://127.0.0.1:19000

会生成一个 https://xxx.trycloudflare.com 的临时公网链接。

🎯 适合谁用？

✅ 有 AI 助手的用户

这是完整体验。AI 在工作时自动切换状态，办公室里的像素角色会实时走到对应区域——你只需要打开网页，就能看到 AI 此刻在做什么。

✅ 没有 AI 助手的用户

也完全可以部署。你可以：

• • 用脚本手动推送状态
• • 把它当成一个像素风的个人状态页
• • 远程办公看板
• • 接入任何能发 HTTP 请求的系统

✅ 开发者

• • 开源代码，MIT 许可
• • 支持自定义美术资产
• • 可扩展的状态系统
• • 桌面宠物模式（Electron 封装）

📊 项目信息

• • GitHub：https://github.com/ringhyacinth/Star-Office-UI
• • 作者：Ring Hyacinth & Simon Lee
• • 许可：代码 MIT / 美术资产禁止商用
• • 语言：中文 / English / 日本語

🎁 彩蛋

1. 1. 桌面宠物模式：可选的 Electron 桌面封装，把办公室变成透明窗口的桌面宠物
2. 2. 自定义角色：可以替换像素角色素材（注意版权）
3. 3. 记忆集成：配合 OpenClaw 的记忆系统，自动生成"昨日小记"

💬 最后

在这个 AI 无处不在的时代，Star Office UI 给了我们一个有趣的方式来"看见"AI 的工作状态。

它不只是一个看板，更是一种陪伴感——让你感觉到 AI 助手不是一个遥远的服务，而是一个在办公室里认真工作（偶尔摸鱼）的小伙伴。

快去部署一个，看看你的 AI 助手现在在干嘛吧！ 👀

项目地址：https://github.com/ringhyacinth/Star-Office-UI

OpenClaw 官网：https://openclaw.ai/

🎉 关于 CodeAID API 中转站

const client = new OpenAI({
  apiKey: 'sk-...',
  baseURL: 'https://www.codeaid.top'
});