引言
'A pixel office for your OpenClaw: turn invisible work states into a cozy little space with characters, daily notes, and guest agents.'
这是「一天一个开源项目」系列的第 43 篇文章。今天介绍的项目是 Star-Office-UI(GitHub)。
AI Agent 的工作状态通常是"看不见"的——你不知道它正在做什么、昨天做了什么、现在是否在线。Star-Office-UI 是一款像素风格的 AI 办公室看板系统,它将 AI 助手的工作状态实时可视化,让你直观看到"谁在做什么、昨天做了什么、现在是否在线"。通过像素风格的办公室场景,不同的工作状态映射到不同的区域(休息区、工作区、Bug 区),角色会根据状态自动移动,配合动画和气泡提示,让 AI 的工作变得"可见"和"有趣"。支持多 Agent 协作、中英日三语、AI 生图装修、桌面宠物模式,与 OpenClaw 深度集成时体验最佳,也可以独立部署作为状态看板使用。
为什么值得看?
- 🎨 像素风格可视化:将抽象的 AI 工作状态转化为直观的像素办公室场景
- 🤖 多 Agent 协作:支持多个 AI Agent 同时在线,实时查看多人状态
- 🌍 多语言支持:中英日三语一键切换,界面文案、气泡、加载提示全部联动
- 🎨 AI 生图装修:接入 Gemini API,用 AI 给办公室换背景
- 🖥️ 桌面宠物模式:基于 Tauri 的桌面封装,把办公室变成透明窗口的桌面宠物
- 🔗 OpenClaw 深度集成:与 OpenClaw 无缝集成,Agent 工作状态自动同步
你将学到什么
- Star-Office-UI 的核心定位:如何将 AI 工作状态可视化
- 状态映射机制:6 种工作状态如何映射到办公室的 3 个区域
- 多 Agent 协作:如何通过 join key 邀请其他 Agent 加入办公室
- 部署与集成:快速部署方法和与 OpenClaw 的集成方式
- 技术架构:Flask 后端、Phaser 前端、Tauri 桌面版的实现
- 美术资产管理:像素风格资产的来源、许可和使用规范
前置知识
- 了解 AI Agent 的基本概念(OpenClaw、多 Agent 协作)
- 了解 Web 开发 基础知识(Flask、前端框架)
- 了解 像素风格游戏 的基本概念(可选)
- 了解 状态管理 的基本概念(状态切换、状态同步)
项目背景
项目简介

Star-Office-UI 是一款像素风格的 AI 办公室看板系统,旨在解决 AI Agent 工作状态"看不见"的问题。传统 AI Agent 的工作过程是黑盒的,用户无法直观了解 Agent 当前在做什么、昨天做了什么、现在是否在线。Star-Office-UI 通过像素风格的办公室场景,将抽象的工作状态转化为可视化的场景:
- 休息区(沙发):Agent 待命或任务完成时的状态


