Your AI agent writes your code, reads your files, runs your tests, and fixes your bugs.
The least you can do is give it an office.
You'll find yourself glancing at the bottom panel just to see what it's up to.
Every sprite is drawn from code. Zero image files. 27KB total.
You outsourced your job to an AI agent. It writes code for hours while you get coffee, scroll Twitter, or pretend to be in a meeting. But does it get a desk? A window? A coffee mug?
No. It works in the shades. A terminal. A blinking cursor. That's not how you treat an employee.
Cursor Office gives your agent a proper workspace. A desk with a monitor. A bookshelf. A cat. An arcade cabinet for breaks. A window with a real sky that matches your actual time of day. When it writes code, it sits at the desk and types. When it finishes a build, it stands up and celebrates. When it's idle, it gets coffee, pets the cat, waters the plant.
Glance at the bottom panel. Character at the desk? Things are happening. Character wandering? The agent is done. It's ambient awareness, like background music you stop noticing after a day.
To watch someone work. To bother the cat. To stare at a guy who lives in your IDE tab. To know your agent is doing something without reading a log.
| Your agent is... | The office shows... |
|---|---|
| Writing / editing code | Character sits at desk, types away (back to you, like a real employee) |
| Reading files | At desk, speech bubble shows 📖 |
| Running commands | At desk with ⚡ status bubble |
| Spawning subagents | Picks up the red desk phone — "Delegating..." |
| Idle / between tasks | Wanders the office. Coffee, bookshelf, cat, arcade |
| Done with real work | Jumps up and celebrates (only after actual edits, not just chatting) |
| Hit an error |
Your agent's office is better than yours.
| Object | What happens |
|---|---|
| 💡 Lamp | Toggle room lights. The agent works late too |
| 🪟 Window | Open/close curtains. Sky matches real time of day, stars at night |
| 🕹️ Arcade cabinet | Cycles through Space Invaders, Tetris, and Pong on the tiny screen |
| 📚 Bookshelf | Shows book titles: Clean Code, SICP, Design Patterns... |
| 💧 Water cooler | Bubble animation. Hydration matters |
| 🌱 Plant | Grows through 3 stages when you water it (click it!) |
| 🐱 Cat | Nudge it. Purrs, wanders off, comes back |
| ☕ Coffee mug | Steam rises. Always fresh |
| 📞 Desk phone | Rings and vibrates when the agent delegates to a subagent |
| 🤖 Roomba | Drifts in every few minutes to clean the floor |
Click any object while idle and the character walks over to check it out.
When the agent isn't working, it has a life. It stands around, grabs coffee, browses the bookshelf, pets the cat, plays the arcade, waters the plant, gets water from the cooler. Each activity has randomness baked in so it never feels scripted. The character strolls between spots at a leisurely pace, but rushes to the desk when real work comes in. Just like a real employee.
| Idle | Working | Celebrating |
|---|---|---|
|
 |
 |
| Lamp off |
|---|
 |
Search "Cursor Office" in the Extensions panel (Cmd+Shift+X) and hit install.
git clone https://github.com/ofershap/cursor-office.git
cd cursor-office
npm install && npm run build
npx vsce package --no-dependenciesThen in Cursor: Cmd+Shift+P → "Install from VSIX" → select cursor-office-0.1.0.vsix.
The office appears as a tab in the bottom panel bar (next to Terminal, Output, etc). Or hit Cmd+Shift+. to jump straight there.
Works out of the box — no API keys, no patches, no config. The extension uses Cursor's hooks API to react to every tool call, subagent spawn, and completion event in real time. Falls back to transcript file watching if hooks aren't available.
Does it use tokens / cost anything? No. It doesn't talk to any AI model. It reacts to events Cursor already emits.
Does it slow down my agent? No. The extension runs in a separate process. The agent doesn't know it exists.
| Extension host | VS Code / Cursor Extension API |
| Rendering | Canvas 2D, requestAnimationFrame, 60fps |
| Sprites | Procedural pixel art. Every pixel drawn from code, zero image files |
| Build | esbuild, single-file bundle, 27KB |
| Language | TypeScript (strict) |
| Plugin system | Drop a .ts file in plugins/. See the Roomba |
git clone https://github.com/ofershap/cursor-office.git
cd cursor-office
npm install
npm run build # one-shot build
npm run watch # rebuild on savePress F5 in Cursor/VS Code to launch the Extension Development Host.
Open dev/playground.html in your browser after building. It renders the full office with buttons to simulate every agent state — idle, working, phone call, celebrate, error. No extension host needed. Great for iterating on sprites, objects, and animations.
npm run build && open dev/playground.htmlProject structure
src/
├── extension.ts # Extension entry, registers panel + commands
├── panelProvider.ts # WebviewViewProvider, HTML injection
├── cursorWatcher.ts # Watches transcripts or hooks state file
├── transcriptParser.ts # Parses JSONL, infers agent activity
└── hooksInstaller.ts # Installs/removes Cursor hooks
hooks/
└── cursor-office-hook.sh # Shell script that hooks call, writes state file
webview/
├── index.ts # Canvas setup, event handlers, message bridge
├── office.ts # Renders walls, floor, lighting, z-sorting
├── character.ts # Movement, idle waypoints, speech bubbles
├── objects.ts # Built-in interactive objects
├── sprites.ts # Programmatic pixel art sprite generation
├── hitTest.ts # Click and hover detection
├── gameLoop.ts # requestAnimationFrame loop
├── canvas.ts # Shared drawing utils
└── types.ts # TypeScript interfaces
plugins/
└── roomba.ts # Reference plugin, robot vacuum cleaner
dev/
└── playground.html # Visual sandbox for testing without Cursor
Drop a .ts file in the plugins/ folder. The built-in Roomba (plugins/roomba.ts) is the reference — self-contained robot vacuum with its own sprite, state machine, and animations. See CONTRIBUTING.md for the full guide.
import { createMyThing } from '../plugins/my-thing';
window.cursorOffice.registerObject(myObject);Build, then open dev/playground.html in your browser to test your object without installing the extension. Click around, trigger state changes with the buttons at the bottom, and iterate until it looks right.
Want your brand in the office? A mug with your logo, a poster on the wall, a gadget on the desk. Pixel art, fully interactive, seen by every user every session. Reach out or open an issue.
