你写的每一行代码，他们都在「加班」。
一个 VS Code / Cursor 扩展 —— 像素风中国式办公室，你的 AI Agent 变成会走路、会吐槽、会摸鱼的同事。
每次你在终端启动一个 Claude Code，办公室里就会「入职」一位新同事。他们会自动坐到工位上，根据 Agent 正在执行的操作（读文件、写代码、跑命令……）实时表演对应动画，偶尔还会冒出一句吐槽。
不是壁纸，不是玩具 —— 是你的 AI 工作流可视化面板。
 全景视角 · 格子间全员加班中 |
 点击角色 · 查看工位卡片 |
 开放工区 · 工位密集型布局 |
 休息区 · 摸鱼专用角落 |
每位同事拥有独立人格、专属吐槽语录和工作风格。
超过 6 个 Agent？系统会自动换肤 + 色相偏移，绝不撞衫。
| 角色 | 岗位 | 性格 | 口头禅 |
|---|---|---|---|
| 比比拉布 | 前端开发 · 3 岁 | 呆萌 · 老实人 | "又是我一个人干..." |
| 八嘎呀路 | 后端架构 · 5 岁 | 暴躁 · 直球 | "这代码谁写的！！" |
| 我的刀盾 | 运维工程师 · 4 岁 | 佛系 · 躺平 | "无所谓 都行" |
| 巴巴博一 | UI 设计师 · 2 岁 | 软萌 · 卷王 | "我要做到最好" |
| 歪比巴卜 | 技术总监 · 35 岁 | 硬核 · 大佬 | "年轻人，来，我教你" |
| 咕咕嘎嘎 | 测试工程师 · 3 岁 | 毒舌 · 找茬 | "你这代码，我用脚都能找到 Bug" |
- 每个 Claude Code 终端 = 办公室里一个角色，1:1 绑定
- 实时解析 JSONL 会话文件，角色动画跟随 Agent 操作切换
Write/Edit/Bash→ 打字动画Read/Grep/Glob→ 阅读动画- 空闲 → 闲逛 / 摸鱼 / 发呆
- 子任务（Sub-agent）自动生成子角色，坐在主角旁边
- Matrix 风格数字雨特效：入职 / 离职动画
办公室跟随系统时间变化光照 —— 6 个时段无缝过渡：
| 时段 | 时间 | 氛围 |
|---|---|---|
| 黎明 | 06 – 08 | 暖橙晨光 |
| 白天 | 08 – 17 | 正常照明 |
| 傍晚 | 17 – 19 | 夕阳余晖 |
| 入夜 | 19 – 21 | 灯光渐暗 |
| 深夜 | 21 – 06 | 加班模式 |
- 100+ 条工作状态：阅读源码、快速迭代、对齐目标、确认颗粒度……
- 大厂黑话加持：闭环链路、赋能业务、提升认知……
- 人格化吐槽：30% 概率触发角色专属台词
三种预设视角一键切换：
| 模式 | 说明 |
|---|---|
| 全景 | 俯瞰整个办公室 |
| 跟随 | 镜头锁定选中角色 |
| 特写 | 8x 放大，看清每个像素 |
自由设计你的办公室布局：
- 7 种地板材质 + 墙壁自动拼接（auto-tile）
- 40+ 种家具：格子间工位、饮水机、折叠床、红灯笼、企业标语、外卖袋、奶茶……
- 支持旋转（R）/ 开关状态（T）/ HSB 染色 / 表面放置
- 拖拽移动、Ctrl+Z 撤销（50 级）、网格自动扩展（最大 64×64）
- 导入 / 导出 JSON 布局，跨窗口自动同步
拍一张办公室平面图 → 选图 → 自动调用 Claude → 输出可用布局 JSON。
通过 Claude Code Hook 直接接收事件推送，比 JSONL 轮询更快更准：
- 回合结束 → 角色立即进入空闲
- 等待权限 → 头顶弹出琥珀色提示气泡
- 支持声音通知（升调两音符提醒，可关闭）
- 编辑器：VS Code ≥ 1.105 或 Cursor
- AI：Claude Code CLI 已安装
git clone https://github.com/noya21th/996.git
cd 996
# 安装依赖
npm install
cd webview-ui && npm install && cd ..
cd server && npm install && cd ..
# 构建
npm run build
# 打包 VSIX
npx vsce package --no-dependencies# VS Code
code --install-extension 996-0.2.0.vsix --force
# Cursor（macOS）
/Applications/Cursor.app/Contents/Resources/app/bin/code \
--install-extension 996-0.2.0.vsix --force- 命令面板 →
996: 显示面板 - 点击
+ 智能体→ 选择启动模式 - 一个 Claude Code 终端 + 一个像素角色同时出现
- 给 Claude 布置任务，看你的同事们忙起来
┌──────────────────────────────────────────────────┐
│ VS Code Extension Host │
│ ┌──────────┐ ┌──────────┐ ┌───────────────┐ │
│ │ Terminal │ │ JSONL │ │ Hook HTTP │ │
│ │ Manager │→│ Watcher │←│ Server │ │
│ └──────────┘ └────┬─────┘ └───────┬───────┘ │
│ │ postMessage │ │
│ ┌──────▼────────────────▼────────┐ │
│ │ React Webview (Canvas 2D) │ │
│ │ ┌────────┐ ┌────────┐ ┌─────┐ │ │
│ │ │ Office │ │ Editor │ │ UI │ │ │
│ │ │ Engine │ │ System │ │ │ │ │
│ │ └────────┘ └────────┘ └─────┘ │ │
│ └────────────────────────────────┘ │
└──────────────────────────────────────────────────┘
| 模块 | 技术 |
|---|---|
| 扩展后端 | TypeScript · VS Code Extension API · esbuild |
| 可视化前端 | React 19 · TypeScript · Vite · Canvas 2D |
| Hook 服务 | Node.js HTTP · 自发现（~/.pixel-agents/server.json） |
| 资产管线 | 自研 7 阶段提取工具链（裁切 → 检测 → 元数据 → 导出） |
| 测试 | Vitest · Playwright E2E · Node Test Runner |
src/ 扩展后端（终端管理、文件监听、消息调度）
webview-ui/ React 前端（Canvas 渲染、角色引擎、编辑器）
public/assets/ 像素素材（角色、家具、地板、墙壁）
server/ Hook 事件接收服务
scripts/ 资产提取管线（7 阶段）
PIC-JSON/ 平面图 → 布局 JSON 转换工具
docs/ 文档素材
本项目基于 pixel-agents 改造。在原作基础上重新设计了中国办公室主题，增加了角色人格系统、日夜循环、NPC 寻路、状态气泡、布局图转换等功能。感谢原作者 Pablo De Lucca 的出色工作。
"996.ICU —— 工作 996，生病 ICU。"
但在这个办公室里，没有人会生病。因为他们是像素。