Pixel Agents
A pixel-art office where every running AI agent becomes an animated character. When one agent hands work to another, they walk to the meeting area — because that's what coworkers do.
1/9
Live demo — pick a scenario above. Both are adapted from real scenario files from my dashboard, replayed entirely in your browser; the real version animates actual AI agent sessions on my machine, live.
How to read it
- Green ring + typing hands — the agent is working; the chip shows which tool it's using
- Pulsing orange dot — thinking, or waiting on a reply
- Walking to the rug — a delegation: one agent just handed a task to another, and the pair gathers in the meeting area until the work comes back
How the real one works
The AI tools on my computer log every agent session to a small database as they run. A Python watcher polls that database in read-only mode every second and boils each session down to one of three states — working, waiting, or idle — plus which tool is in use and who delegated to whom. A tiny web server hands that state to the dashboard, and the dashboard draws the office. Nothing about the agents themselves is modified; the dashboard just watches.
agent sessions → state.db (SQLite)
↓ read-only poll, 1s
pixel_watcher.py → pixel_state.json
↓ served by Flask
pixel_dashboard.html → canvas pixel officeWhy I built it
When several AI agents work at once, they're invisible — just logs scrolling somewhere. I wanted to see them: who's busy, who's stuck, who's handing work to whom. Making the delegation visible as two characters walking to a meeting turned an abstract orchestration concept into something you understand in one glance. It also made watching my own automations run genuinely fun.
Built with plain Python, SQLite, Flask, and a single HTML canvas — no frameworks, no build step. The hardest parts were reading the agent database without ever blocking it (read-only connections and shared locks) and making the walking look like walking.