Star Office UI 部署技能#

一句话介绍#

这是一个多人协作的像素办公室仪表盘，你的 AI 助手会根据状态自动走到不同位置，还能看到昨天的工作小记！

---

快速部署流程#

步骤 1: 下载仓库#

bash

cd /Users/panda/.openclaw/workspace
git clone https://github.com/ringhyacinth/Star-Office-UI.git
cd Star-Office-UI

步骤 2: 安装依赖#

bash

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

步骤 3: 准备状态文件（首次）#

bash

cp state.sample.json state.json

步骤 4: 启动后端#

bash

cd backend
python3 app.py

或使用后台运行：

bash

nohup python3 app.py > /tmp/star-office.log 2>&1 &

步骤 5: 告知主人访问地址#

好了，你现在打开 http://127.0.0.1:19000 就能看到像素办公室了！

---

状态切换体验#

帮主人切换状态看看效果：

bash

cd /Users/panda/.openclaw/workspace/Star-Office-UI

# 工作中 → 去办公桌
python3 set_state.py writing "正在帮你整理文档"

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

# 报错中 → 去 bug 区
python3 set_state.py error "发现问题，正在排查"

# 待命 → 回休息区
python3 set_state.py idle "待命中，随时准备为你服务"

---

安全配置#

侧边栏验证码#

默认密码: 1234

修改方式:

bash

export ASSET_DRAWER_PASS="your-strong-pass"

提醒主人:

1. 默认密码可以先直接体验
2. 建议改成强密码（更安全，防止他人误改资产和布局）
3. 如果长期运行（systemd/pm2/容器），把环境变量写入服务配置

---

生图功能配置（可选）#

基础说明#

• ✅ 基础看板不需要 API — 状态显示、多 Agent、资产替换等都能正常使用
• ⚠️ "搬新家/找中介"装修功能 — 需要 Gemini API

安装生图环境#

bash

# 创建 skill 目录结构
mkdir -p ../skills/gemini-image-generate/scripts

# 复制脚本到 skill 目录
cp scripts/gemini_image_generate.py ../skills/gemini-image-generate/scripts/

# 创建独立虚拟环境并安装依赖
python3 -m venv ../skills/gemini-image-generate/.venv
../skills/gemini-image-generate/.venv/bin/pip install google-genai

配置 Gemini API#

引导用户配置：

1. GEMINI_API_KEY — API Key
2. GEMINI_MODEL — 推荐 nanobanana-pro 或 nanobanana-2

配置方式:

• 侧边栏填写 — 打开资产侧边栏 → 在生图配置区域直接输入并保存
• 环境变量 — export GEMINI_API_KEY="your-key"

提醒主人:

• 不配置 API 也能用基础看板
• 配置后才能使用"搬新家/找中介"的 AI 生图装修能力
• 若要替换成其他类型 API，请先沟通

---

公网访问#

Cloudflare Tunnel（推荐）#

bash

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

拿到 https://xxx.trycloudflare.com 后发给主人：

这是临时公网链接；如果你愿意，后续我可以一步步带你部署到本地域名。

---

邀请其他 Agent 加入#

步骤 A: 告诉其他 Agent#

1. 下载 office-agent-push.py
2. 调用 join-agent + 周期 agent-push
3. 主人那边就能看到它进办公室了

步骤 B: Join Key 说明#

• 默认有 join-keys.json（ ocj_starteam01 ~ ocj_starteam08）
• 同一个 key 最多 3 人同时在线
• 可以帮主人新建自己的 key

---

昨日小记#

如果主人想看到"昨日小记"：

1. 在仓库上级目录放一个 memory/YYYY-MM-DD.md
2. 后端会自动读取昨天（或最近可用）的记录
3. 做基础脱敏后展示

---

必须提醒主人的三件事#

1. 告知访问地址#

好了，你现在打开 http://127.0.0.1:19000 就能看到像素办公室了！

2. 装修房子入口#

提醒主人：

• 现在可以点击"装修房间"开始装饰
• 侧边栏默认密码是 1234
• 想改密码时随时告诉你，你来帮他改
• 推荐改成强密码，安全性更高

3. 生图 API 配置#

提醒主人：

• 生图功能需要自己的 API
• 当前接入的是 Gemini 官方 API 格式与地址
• 若要替换成其他类型 API，请先和你沟通
• 最好让主人把对应 API 文档发给你，便于准确适配

---

常见问题#

Q1: "我可以商用吗？"#

代码玩法可以基于 MIT 用，但美术资产（包括角色/场景）禁止商用；如果你要商用，请务必换成你自己的原创美术资产。

Q2: "其他 Agent 怎么加入？"#

用 join key 加入，然后持续推送状态就行；仓库里有 office-agent-push.py 可以给其他 Agent 用。

---

给 Agent 的提示#

• 尽量帮主人把"启动步骤"做完，让主人只负责"看"和"体验"
• 如果主人要对外访问，优先用 Cloudflare Tunnel（最快最方便）
• 状态切换应由你主动执行：
  • 接任务前，先把自己状态切到"工作中"（如 writing/researching/executing），再开始工作
  • 完成任务后，先把自己状态切回"待命中（idle）"，再进入休息/等待下一任务
• 注意不要暴露主人的内网地址或私有信息

---

更新检查清单#

如果主人之前已经安装过旧版，按以下步骤升级：

1. 进入项目目录并备份本地配置（如 state.json、自定义资产）
2. 拉取最新代码（ git pull 或重新克隆到新目录）
3. 确认依赖： python3 -m pip install -r backend/requirements.txt
4. 保留并检查本地运行配置：
   • ASSET_DRAWER_PASS
   • GEMINI_API_KEY / GEMINI_MODEL（如需生图）
5. 如有自定义位置，确认：
   • asset-positions.json
   • asset-defaults.json
6. 重启后端并验收关键功能：
   • /health
   • 三语切换（CN/EN/JP）
   • 资产侧栏（选择、替换、设默认）
   • 生图入口（有 key 时可用）

---

功能更新提醒清单#

本次更新以后，至少提醒主人以下变化：

1. ✅ 已支持 CN/EN/JP 三语切换（含 loading 与气泡实时联动）
2. ✅ 已支持 自定义美术资产替换（含动态素材切帧同步，减少闪烁）
3. ✅ 已支持 接入自有生图 API 持续更换背景（推荐 nanobanana-pro / nanobanana-2）
4. ✅ 新增/强化了安全项： ASSET_DRAWER_PASS 生产环境建议改强密码

---

版权口径#

• 代码: MIT License
• 美术资产: 禁止商用（主角状态素材已切换为无版权争议的小猫）

---

部署检查清单#

• 仓库已下载
• 依赖已安装
• state.json 已创建
• 后端已启动
• 访问地址已告知主人
• 验证码安全已提醒
• 公网访问（如需要）已配置
• 生图 API（如需要）已配置

---

版本: v1.0.0

最后更新: 2026-04-17

作者: 老 6 🎯