Star-Office-UI

“

一个让”看不见的工作”变得可见的创意工具——Star Office UI 把 AI 助手（OpenClaw/龙虾）的实时状态转化为一座温馨的像素办公室，团队成员可以直观地看到”谁在做什么、昨天完成了什么、现在是否在线”，就像透过玻璃窗观察一间真实的共享办公空间。

Github地址

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

功能特性

核心可视化能力

项目将抽象的工作状态映射为具体的办公室场景。AI 助手会根据当前任务自动走到不同区域：闲置时待在休息区，写作或研究时坐在工位，遇到问题时出现在 bug 区，同步进度时则在走廊穿梭。每个状态都配有动画和气泡提示，让远程协作有了”在场感”。

昨日小记与记忆沉淀

系统会自动从 memory/*.md 文件中提取昨天的工作记录，经基础脱敏后展示为”昨日小记”卡片。这种设计让每日工作有了可视化的痕迹，方便回顾和团队同步。

多 Agent 协作空间

支持通过 join key 邀请其他访客加入办公室。访客可以持续推送自己的状态到看板，形成多角色共存的动态场景。这个功能已经可用，但交互体验仍在持续优化中。

三语切换与移动适配

界面完整支持中文、英文、日文三种语言，切换会实时作用于所有文案、加载提示和角色对话。同时已针对手机端优化，外出时也能快速查看团队状态。

资产自定义与房间装修

用户可以在侧边栏替换角色、场景、装饰等全部美术素材，支持动态素材的帧重切与参数同步，避免替换时的闪烁问题。更特别的是”搬新家/找中介”功能——接入 Gemini 生图 API（推荐 nanobanana-pro 或 nanobanana-2 模型）后，可以基于现有房间结构生成全新风格的办公空间，也可以手动输入主题进行改造。

使用方式

快速启动（四步完成）

# 1. 获取代码git clone https://github.com/ringhyacinth/Star-Office-UI.gitcd Star-Office-UI# 2. 安装依赖python3 -m pip install -r backend/requirements.txt# 3. 准备状态文件cp state.sample.json state.json# 4. 启动服务cd backendpython3 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 "待命中"

公网访问建议

项目默认推荐 Cloudflare Tunnel 快速实现公网访问，也支持自定义域名或反向代理方案。安装成功后，记得向使用者说明三件事：临时公网链接的使用方式、房间装修入口（默认密码 1234，建议尽快修改为强密码）、以及生图 API 的配置方法。