用途:把 Claude Code 智能体可视化为像素办公室中的角色,便于同时观察多个智能体的运行状态并管理它们。
主要能力:每个智能体对应一个动画角色,写作显示打字、检索文件显示阅读、等待输入显示对话气泡、空闲时待机。面板中可新建智能体、分配座位、查看状态。内置办公室布局编辑器,支持选择、绘制、擦除、放置、取色、选家具等工具,以及撤销重做和方向键微调,网格最大可扩至 64×64。可导出与导入布局 JSON,启用声音提醒,打开调试视图查看每个智能体的 JSONL 状态,并添加外部素材目录。素材使用 manifest.json 与精灵图,可自定义家具、地板和墙面。
使用方式:在 VS Code 扩展市场搜索 Pixel Agents 安装,或运行 code --install-extension pablodelucca.pixel-agents。源码方式为 git clone 仓库后执行 npm install,进入 webview-ui 再执行 npm install,回到根目录 npm run build,然后按 F5 启动扩展开发宿主。前置要求为 VS Code 1.105.0 或更高版本,并已安装配置 Claude Code CLI,可用 npm install -g @anthropic-ai/claude-code 安装。在底部面板打开 Pixel Agents,点击 + Agent 新建智能体;右键该按钮可选择以 --dangerously-skip-permissions 启动。
适用场景:多智能体并行开发时的可视化监控,团队统一办公室布局的展示与共享,以及子智能体任务的可视化观察。
限制:目前仅支持 Claude Code;扩展每 500ms 轮询 JSONL 记录,存在轻微延迟;等待输入状态依赖空闲计时启发式判断,可能出现气泡未及时清除;未识别的 JSONL 记录类型不会被处理;代理与终端的对应关系可能失步,需要手动清理角色后重新生成。未以文件夹打开 VS Code 时,会话会记在用户主目录下,容易定位不到。关于收费、价格与平台,资料中暂未提供。