Pixel Agents Dashboard
Real-time pixel art ops dashboard that visualizes OpenClaw agent activity as character sprites in a shared office.
Setup (First Time)
Run the auto-config script to discover agents and generate config:
bash scripts/setup.sh
This will:
- Find your OpenClaw agents directory (
~/.openclaw/agents/) - Detect the gateway URL and port
- Discover all configured agents
- Generate
dashboard.config.json - Install dependencies and build
If agents or gateway can't be auto-discovered, the script generates a config from defaults and the setup wizard handles the rest.
Start / Stop
# Start the dashboard
cd <project-dir> && npm start
# Or if installed globally
pixel-agents
Default port: 5070. Override with PIXEL_AGENTS_PORT env var.
Configuration
Config file: dashboard.config.json (in project root or ~/.config/pixel-agents/)
Key settings:
gateway.url— OpenClaw gateway (default:http://localhost:18789)gateway.token— Use${OPENCLAW_GATEWAY_TOKEN}for env varagents[]— Array of{id, name, emoji, palette, alwaysPresent}features— Toggle components: serverRack, breakerPanel, hamRadio, fireAlarm, etc.
See dashboard.config.example.json for full reference.
Troubleshooting
| Issue | Fix |
|---|---|
| Port in use | Set PIXEL_AGENTS_PORT=5071 or change server.port in config |
| No agents found | Check openclaw.agentsDir points to correct path |
| Gateway unreachable | Verify gateway is running: curl http://localhost:18789/v1/models |
| Sprites missing | Run npm run build — assets are in public/assets/ |