Pixel Office
RU EN 中文
Pixel Office

可视化
AI 代理

实时观察 Claude 与 Codex 智能体。像素办公室里,每个代理都是“活角色”。

npx office-for-claude-agents

亲眼看看

不仅是日志,而是智能体的“活地图”。

空闲活动

空闲活动

沙发、咖啡、吸烟休息,各自有独立精灵和动画。

空闲活动
角色

老板座位

仅 BOSS/MEGABOSS 可坐,一眼识别负责人。

老板座位
聚类

聚类

智能体按关系和任务聚类。

聚类
生成点

生成与离开点

生成与离开会写入布局并在地图上显示。

生成与离开点
审批

等待你的审批

需要你确认的动作会被高亮提示。

等待审批
事件

全部事件

事件侧边栏记录行动与通信。

全部事件
分享

与朋友分享

分享只读链接给朋友和同事。

分享
资源

丰富资源

扩展物品和装饰资源包。

资源
Codex

Codex 支持

Codex 会话和子智能体可视化。

Codex 支持
实时可视化

活的智能体办公室

每个代理都是角色,层级、状态、活跃度一目了然。

Living office
层级与依赖

理解结构关系

谁指挥谁、谁协作谁,关系清晰可见。

Hierarchy
HUD 面板

掌控消耗

Token、成本、缓存命中率等指标实时呈现。

HUD
聚类

自动分组

智能体自动组成团队,协作关系清楚。

Clusters
沟通

观察互动

每条消息、事件与互动都有迹可循。

Communication
规模化

无限扩展

数百乃至上千智能体,办公室随任务一起增长。

Big office

全面掌控

从可视化到分析,完整掌控你的智能体。

实时可视化

随时看到每个代理:正在工作、空闲或刚出现。

空闲活动

沙发/咖啡/吸烟(33/33/33),每种都有独立动画。

事件与沟通

事件侧栏展示智能体互动与状态变化。

Codex 支持

基础 Codex 会话与子智能体支持(早期)。

Token 指标

HUD 面板:Token、成本、缓存命中率、上下文使用量。

深度检查

双击查看特定智能体聊天与详细信息。

老板椅

仅 BOSS/MEGABOSS 可坐,Lead 使用普通座位。

严格层级

生成者始终更高,层级链一目了然。

集群行为

智能体会聚拢并相互吸引到关联工作。

左侧栏

智能体、角色、Token、上下文、状态集中展示。

GitHub 任务侧栏

独立面板展示仓库任务与进度。

流水线与资产

通过 ~/.pixel-agents/config.json 配置进度条,并提供扩展办公资产包。

更多能力

  • 出生/退出坐标参与布局与渲染。
  • 坐标高亮、格子类型高亮与代理标签。
  • 按专长自动命名智能体。
  • 触控板/双指缩放与顺滑平移。
  • Fit 按钮自动缩放办公室至侧栏之间。
  • 布局编辑器,导入/导出配置。

现代技术栈

高性能可视化所需技术。

Node.jsExpressWebSocketReact 19TypeScriptViteCanvas 2DGitHub CLI
$ npx office-for-claude-agents

自动安装依赖并在浏览器中打开办公室。

立即开始

30 秒完成安装,无需复杂配置。

Open Source • MIT License