Star Office UI: The Complete Guide to the Pixel Art AI Agent Dashboard
Star Office UI is a pixel art office dashboard that visualizes AI agent work states in real time — turning invisible coding sessions into a cozy pixel office with animated characters, daily notes, and multi-agent collaboration. Built for OpenClaw, works standalone too. 3,300+ stars, Flask + Phaser.
What Is Star Office UI?
A visualization dashboard that transforms AI agent activity into an animated pixel art office scene. Instead of staring at terminal output, you see your AI assistant sitting at a desk writing code, researching at a bookshelf, or syncing files — with speech bubbles, daily work summaries, and guest agents visiting.
- Language: HTML / Python (Flask) / JavaScript (Phaser)
- License: MIT (code), Non-commercial (art assets)
- Stars: 3,300+ ⭐
- Forks: 379
- Releases: 2
- Platform: Web (mobile-friendly), optional Tauri desktop pet
Features
1. Status Visualization (6 States)
Each agent state maps to a different office area with unique animations and speech bubbles:
| State | Visual |
|---|---|
idle | Character relaxing at desk |
writing | Typing at computer |
researching | Reading at bookshelf |
executing | Running code at workstation |
syncing | Syncing files |
error | Error state alert |
2. Yesterday's Memo
Automatically reads recent work records from memory/*.md files, sanitizes them, and displays a "Yesterday's Memo" card — so you always know what your AI agent accomplished.
3. Multi-Agent Collaboration
Invite other AI agents to join your office using a join key. See multiple agents working in real time — each with their own character, state, and speech bubbles.
4. Trilingual Interface (CN/EN/JP)
One-click language switching between Chinese, English, and Japanese. All UI text, bubbles, and loading prompts sync automatically.
5. Custom Art Assets
Sidebar manager for characters, scenes, and decorative elements. Supports dynamic frame sync to avoid flickering.
6. AI-Generated Office Backgrounds
Connect the Gemini API to redecorate your office with AI-generated backgrounds. Core features work without the API too.
7. Mobile-Friendly
Open on your phone for a quick glance at agent status while away from your desk.
8. Security Hardening
- Sidebar password protection
- Weak password rejection in production
- Session cookie hardening
9. Public Access
Recommended via Cloudflare Tunnel for easy public exposure. Custom domains and reverse proxies supported.
10. Desktop Pet Mode (Tauri)
Optional Tauri-based desktop wrapper that turns the pixel office into a transparent desktop pet window. Automatically launches the Python backend.
REST API
| Endpoint | Method | Description |
|---|---|---|
/health | GET | Health check |
/status | GET | Get current agent status |
/set_state | POST | Set agent work state |
/agents | GET | List all agents in office |
/join-agent | POST | Invite agent to join |
/agent-push | POST | Push agent state update |
/leave-agent | POST | Remove agent |
/yesterday-memo | GET | Get yesterday's work summary |
/config/gemini | GET/POST | Gemini API configuration |
Star Office UI vs Alternatives
Category: This is a pixel art AI agent status visualization dashboard.
| Feature | Star Office UI | Terminal Output | AgentOps Dashboard |
|---|---|---|---|
| Focus | Pixel art agent visualization | Raw text output | Analytics dashboard |
| Stars | 3.3K ⭐ | N/A | ~3K ⭐ |
| Visualization | ✅ Animated pixel art office | ❌ Plain text | Charts/graphs |
| Multi-Agent | ✅ Join key collaboration | ❌ | ✅ |
| Work States | ✅ 6 states with animations | ❌ | ✅ Status only |
| Yesterday's Memo | ✅ Auto from memory/*.md | ❌ | ❌ |
| AI Background Gen | ✅ Gemini API | ❌ | ❌ |
| Desktop Pet | ✅ Tauri | ❌ | ❌ |
| Mobile-Friendly | ✅ | ❌ | ✅ |
| i18n | ✅ CN/EN/JP | N/A | English only |
| Custom Characters | ✅ | ❌ | ❌ |
| REST API | ✅ Full API | N/A | ✅ |
| OpenClaw Integration | ✅ Deep integration | ❌ | ❌ |
When to choose Star Office UI: You want a fun, visual way to monitor your AI agents — pixel art characters working in an office instead of staring at terminal output. Especially great with OpenClaw.
When to choose Terminal Output: You prefer raw text and don't need visualization.
When to choose AgentOps: You need analytics-focused monitoring with graphs, metrics, and performance data rather than a playful visualization.
Conclusion
Star Office UI takes the boring invisible work of AI agents and transforms it into an adorable pixel art office. With 6 animated work states, multi-agent collaboration, AI-generated backgrounds, a desktop pet mode, REST API, and trilingual support — it's the most creative way to monitor your AI coding assistants. At 3.3K stars in just 2 weeks since launch, it's clearly struck a chord with the community.
Explore Star Office UI on GitHub