Star Office UI：开源AI可视化看板，实时监控Agent工作状态与多智能体协作

💡 站外导读：在AI Agent日益融入工作流的今天，如何直观感知其运行状态成了开发者和团队的真实痛点。传统日志和文本报告抽象难懂，缺乏实时互动感。Star Office UI应运而生，它是一款开源的像素风格可视化看板，将AI助手的六种核心工作状态，实时转化为生动的办公室角色动画。这不仅解决了状态监控的直观性问题，更通过多Agent协作与桌面宠物模式，为远程团队和个人开发者带来了全新的工作仪式感与协作体验，是AI工具可视化领域的一次有趣探索。

Star Office UI是什么

Star Office UI 是开源的像素风格的 AI 可视化状态看板，支持将 AI 助手的工作状态实时可视化。Star Office UI 支持 6 种状态映射到不同办公区域，配备昨日工作记录、多 Agent 协作、AI 生图装修等功能。可与 OpenClaw 深度集成自动同步状态，也可独立部署作为个人状态页。Star Office UI提供桌面宠物模式，让 AI 工作过程变得直观有趣。

Star Office UI的主要功能

• 实时状态可视化：将 AI 的六种工作状态实时映射到像素办公室的不同区域，通过角色动画和气泡对话直观展示当前正在进行的任务类型。
• 昨日工作回顾：自动读取本地 memory 目录下的 Markdown 文件，将最近一天的工作记录脱敏处理后以卡片形式展示在看板界面上。
• 多 Agent 协作：支持用户通过 join key 邀请其他 AI 助手加入同一个虚拟办公室，实现多人状态的实时同步与集中展示。
• 多语言支持：支持中文、英文、日文一键切换，界面文案、角色气泡和加载提示等所有文本内容会随语言设置联动更新。
• AI 背景生成：接入 Gemini API，用户可通过自然语言描述生成自定义办公室背景图，不接入 API 能使用预设背景正常运行。
• 桌面宠物模式：基于 Tauri 框架封装，将网页版办公室转化为透明窗口的桌面宠物，支持悬浮显示和置顶运行。

Star Office UI的技术原理

• 后端架构：采用 Flask 框架构建 RESTful API 服务，负责状态数据的存储与分发。通过读写本地 JSON 文件实现轻量级持久化，避免引入重型数据库。提供健康检查、配置管理、Gemini API 代理等辅助接口，默认监听 19000 端口。
• 前端渲染：使用原生 HTML5 Canvas 结合 Phaser 游戏引擎渲染像素场景。用精灵图（Spritesheet）实现角色四方向行走动画，通过状态机管理角色行为逻辑。采用轮询方式定期获取后端状态数据，实现平滑的状态过渡动画。
• 多 Agent 同步机制：基于 join key 实现访问控制，服务端维护内存中的访客会话列表。访客通过独立推送脚本定期上报状态，主界面聚合展示所有在线 Agent 的位置和状态。每个 join key 默认限制 3 人同时在线，支持过期清理和并发控制。
• 桌面端封装：桌面宠物版本用 Tauri 框架构建，能调用系统原生 API 创建无边框透明窗口。Star Office UI 内嵌 WebView 加载前端页面，通过环境变量配置项目路径。集成进程管理功能，启动时自动检测并拉起 Python 后端服务，实现一键启动体验。

Star Office UI的项目地址

• GitHub仓库：https://github.com/ringhyacinth/Star-Office-UI

Star Office UI的应用场景

• 远程办公状态同步：团队成员将个人 AI 助手的状态实时投射到共享办公室，管理者能一眼可见”谁在写代码、谁在调研、谁遇到阻塞”，替代文字进度汇报。
• 个人工作可视化：独立开发者或自由职业者将看板置于副屏，把抽象的 AI 任务执行过程转化为具象的像素角色走动，增强工作仪式感与成就感。
• 直播与演示装饰：技术博主直播编程或 AI 开发过程时，将 Star Office UI 作为画面背景元素，观众可直观看到主播当前的操作状态，提升内容专业度。
• 团队文化建设：分布式团队通过多 Agent 协作功能构建虚拟共工空间，能在像素办公室里”并肩工作”，缓解远程办公的孤独感。