Claude Code hook

Claude Office

A pixel art virtual office that visualizes your AI agents working in real-time. Claude Code hooks, WebSocket events, and isometric pixel art.

331 stars 78 forksHooks Plugin marketplace Source

Install

Inside Claude Code
/plugin marketplace add W17ant/Claude-Office

Found in the project README. Check it for setup steps after installing.

From source
git clone https://github.com/W17ant/Claude-Office.git

From the README

Claude Office

A pixel art virtual office that visualizes your AI agents working in real-time. Watch Claude Code agents spawn, sit at desks, take coffee breaks, and chat in a Slack-inspired office chat panel — all rendered in an isometric pixel art office.

Update — 1.1: the level-up
We had 12 hours and 90 % of our 20x plan still to use 😂 so I asked Claude to level up Claude Office (using Fable 5.1  and ).

What's new
- A Claude for every terminal — each Claude Code session gets its own pill, model badge and Claude at a desk
- Claude acts out the turn — the boss walks your prompt over, Claude types, naps when it's done
- ✋ Needs you — a permission prompt raises Claude's hand with a chime, and you can click Allow right in the office
- Click anyone — an inspector card shows what they're doing, every tool they've called and what they've said
- Prod Is Down — a failed deploy turns the office red; a 🚀 for deploys, a 🎉 for pushes to main, ❌ for failing tests
- The whiteboard is real — it shows Claude's actual task list
- Payroll, electricity and memory meters — cost, tokens per minute and context fill per session
- Desktop app with a tray badge and a mini widget, installers for Mac, Windows and Linux
- Plus three bug hunts, a security pass and 972 tests — the full list is in the CHANGELOG

Claude's turn, start to nap

Click a character

✋ Needs you — answer it from the office

Prod Is Down — and back again

The whiteboard is your real task list

Payroll, electricity and memory

Update — Dunder Mifflin mode

Type /the-office in the Slack chat panel to flip the whole office into a Scranton-branch tribute. The room, the cast, and the chatter all swap over — Michael Scott runs the place, Jim is your assistant, and Dwight guards the beet cellar. (Fan art — see…
Read the full README on GitHub

How hooks work

  • Hooks are shell commands Claude Code runs at fixed points: before or after a tool call, when you submit a prompt, when Claude stops, on notifications and at session start.
  • They are set in the hooks section of ~/.claude/settings.json (or .claude/settings.json for a project), or come bundled in a plugin.
  • A hook can block a tool call, add context, or run a formatter or test. Read the scripts before you install them: they run on your machine with your permissions.
Claude Code docs

Details

Type
Hooks
Language
TypeScript
License
MIT
Last updated
16 October 2026

FAQ

What is Claude Office?

A pixel art virtual office that visualizes your AI agents working in real-time. Claude Code hooks, WebSocket events, and isometric pixel art. It is a hook for Claude Code, from W17ant/Claude-Office on GitHub.

How do I install Claude Office?

Run /plugin marketplace add W17ant/Claude-Office inside Claude Code, then follow the setup in the README.

Is Claude Office popular?

W17ant/Claude-Office has 331 GitHub stars and 78 forks. It was last updated on 16 October 2026.

More hooks

Browse the most popular Claude Code mods, all hooks, or the skills and MCP server directories.