Agent skill · SylphAI-Inc
model-office
Launches "Model Office" — a live browser dashboard that visualizes multi-model job routing as a blocky Lego/Minecraft-style pixel office. Type one task, a dispatcher LLM decomposes it into subtasks and routes each to the best-fit model (Claude/GPT/Sonar) based on capability, and pixel-art worker avatars slide between a "working area" desk and a "waiting area" lounge as their live status changes (queued/thinking/done). Use when the user wants to demo/visualize multi-agent or multi-model job allocation, wants a "pixel agents"-style dashboard, or asks to see how tasks get routed across different models.
What it needs
About 3k tokens when loaded.
What this skill does
Model Office A local FastAPI + WebSocket + HTML5 Canvas demo that visualizes capability-based job routing across multiple LLMs as a blocky Lego/Minecraft-style office. Inspired by pixel-agents-hq/pixel-agents, but built for capability-based multi-model routing rather than parsing a single coding agent's transcript. Architecture scripts/server.py — FastAPI backend: POST /api/task (submit a task), POST /api/events (producers push status), GET /ws (broadcast to browser), serves scripts/frontend/ as static files. scripts/dispatcher.py — one Claude call decomposes the task into 2-4 subtasks and assigns each to the worker whose capability best fits (claude = code/reasoning, gpt = writing/general, sonar = research requiring live web facts). Emits jobCreated/jobAssigned events. scripts/worker.py — runs each subtask against its real assigned model API, emitting queued → thinking → done/error status events as it goes. Subtasks for different workers run concurrently. scripts/run.py — orchestrator: starts the server if not running, opens the browser, and (optionally) dispatches a task from argv. scripts/frontend/ — canvas-based two-zone office UI: an upper grey "WORKING AREA" (desks with monitors) and a lower green "WAITING AREA" (lounge benches), separated by a thick red brick divider — Lego/Minecraft blocky art style. Worker avatars (sprites/claude.png, sprites/gpt.png, sprites/sonar.png) smoothly slide up to their desk when status becomes thinking, and slide back down to the lounge when done/idle/error. Job tickets fly from a queue to the assigned worker's desk; speech bubbles show live status text; a log feed sits underneath. Connects via WebSocket, replays event history on reconnect. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills SylphAI-Inc/model-office