Star Office UI – 開源 AI 可視化看板，Agent實時工作狀態

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 協作功能構建虛擬共工空間，能在像素辦公室裏”並肩工作”，緩解遠程辦公的孤獨感。