Star Office UI - An open-source AI visualization dashboard for real-time agent status updates.

What is Star Office UI?

Star Office UI is an open-source, pixel-style AI-powered visual status dashboard that supports real-time visualization of AI assistants' work status. Star Office UI supports mapping six statuses to different office areas and includes features such as yesterday's work records, multi-agent collaboration, and AI-generated design elements. It can be deeply integrated with OpenClaw for automatic status synchronization or deployed independently as a personal status page. Star Office UI offers a desktop pet mode, making the AI work process intuitive and fun.

Main functions of Star Office UI

• Real-time status visualizationThe AI's six working states are mapped in real time to different areas of the pixel office, and the type of task currently in progress is intuitively displayed through character animation and bubble dialogue.
• Yesterday's Work ReviewAutomatically reads Markdown files from the local memory directory, anonymizes the work records of the most recent day, and displays them in card format on the Kanban interface.
• Multi-agent collaborationIt supports users inviting other AI assistants to join the same virtual office via a join key, enabling real-time synchronization and centralized display of multiple users' statuses.
• Multilingual supportIt supports one-click switching between Chinese, English, and Japanese, and all text content, including interface text, character bubbles, and loading prompts, will update in sync with the language settings.
• AI Background GenerationBy integrating the Gemini API, users can generate custom office background images using natural language descriptions. Without integrating the API, the system can function normally with preset backgrounds.
• Desktop Pet ModeBased on the Tauri framework, this app transforms the web-based office environment into a transparent desktop pet, supporting both floating display and on-top operation.

The technical principles of Star Office UI

• Backend architectureThis system uses the Flask framework to build a RESTful API service, responsible for storing and distributing state data. Lightweight persistence is achieved by reading and writing local JSON files, avoiding the need for a heavy-duty database. It provides auxiliary interfaces such as health checks, configuration management, and a Gemini API proxy, and listens on port 19000 by default.
• Front-end renderingThe system uses native HTML5 Canvas combined with the Phaser game engine to render pixel scenes. Spritesheets are used to implement the character's four-directional walking animation, and a state machine manages the character's behavior logic. A polling method is used to periodically retrieve backend state data to achieve smooth state transition animations.
• Multi-Agent Synchronization MechanismAccess control is implemented based on join keys, with the server maintaining a list of visitor sessions in memory. Visitors periodically report their status via independent push scripts, and the main interface aggregates and displays the location and status of all online agents. Each join key limits simultaneous online users to 3 by default, and supports expiration cleanup and concurrency control.
• Desktop packagingThe desktop pet version is built using the Tauri framework, which can call the system's native API to create borderless transparent windows. Star Office UI embeds a WebView to load the front-end page, and the project path is configured via environment variables. It integrates process management functionality, automatically detecting and launching the Python backend service upon startup for a one-click start experience.

Star Office UI project address

• GitHub repositoryhttps://github.com/ringhyacinth/Star-Office-UI

Application Scenarios of Star Office UI

• Remote work status synchronizationTeam members can project the status of their personal AI assistants into the shared office in real time, allowing managers to see at a glance "who is writing code, who is conducting research, and who is encountering obstacles," replacing text progress reports.
• Personal work visualizationIndependent developers or freelancers place the Kanban board on the secondary screen, transforming the abstract AI task execution process into a concrete pixel character walking around, enhancing the sense of ritual and accomplishment in their work.
• Live Streaming and Demo DecorationWhen tech bloggers stream their programming or AI development processes, using Star Office UI as a background element allows viewers to directly see the streamer's current operational status, enhancing the professionalism of the content.
• Team Culture BuildingDistributed teams can build virtual collaborative spaces through multi-agent collaboration, enabling them to "work side by side" in pixelated offices and alleviate the loneliness of remote work.