Repolode
pixel-agents-hq

pixel-agents-hq/pixel-agents

把终端里运行的 Claude Code 智能体变成像素风动画角色,在虚拟办公室里工作的 VS Code 扩展与独立应用。

Star
10,091
Fork
1,715
未关闭 Issue
111
最近提交
4天前

这是什么?

Pixel Agents 把每个 Claude Code 会话变成小办公室里一个会动的像素角色。角色会走到自己的工位上坐下,编辑文件时打字,搜索时阅读,等待输入或权限确认时头顶会冒出提示气泡。同时运行多个智能体的开发者,可以一眼看出哪些在忙、哪些需要处理。

同一套代码提供两种形式:一是 VS Code 扩展,把智能体启动在 VS Code 终端中,并在面板里渲染办公室;二是独立 CLI(`npx pixel-agents`),在本地启动服务,通过浏览器展示同一个办公室,适合 tmux、远程或不使用 VS Code 的场景。办公室布局支持地板、墙面、家具、地毯、宠物和命名区域编辑,并可导出为 JSON。

目前仅支持 Claude Code。集成层采用类型化的 provider 接口,理论上新增其他 CLI 只需添加一个子目录;项目路线图中提到了 Codex、Gemini 和 Cursor。

核心功能

  • 01每个 Claude Code 终端对应一个动画角色,动作随当前活动变化。
  • 02等待输入或权限确认时显示提示气泡,并可选播放提示音。
  • 03子智能体与 Agent Teams 以独立角色呈现。
  • 04内置布局编辑器,可编辑地板、墙面、家具、地毯和宠物。
  • 05既可作为 VS Code 扩展运行,也可通过 npx 启动浏览器版本。

适用场景

  • 在 VS Code 中并行管理多个 Claude Code 会话。
  • 在 tmux 或远程机器上通过浏览器监控智能体。
  • 无需切换终端,就能发现哪个智能体卡在等待确认。

快速上手

  1. 1

    从 VS Code 应用市场或 Open VSX 安装 VS Code 扩展

  2. 2

    在项目文件夹中运行独立 CLI

    npx pixel-agents
  3. 3

    或者全局安装 CLI 后运行

    npm install --global pixel-agents

使用前须知

  • 目前仅支持 Claude Code,其他 AI 工具仍在规划中。
  • 需要已安装并配置 Claude Code CLI,并且 VS Code 需为 1.105.0 或更高版本,或 Node.js 需为 20 或更高版本。

收录于专题

标签

常见问题

pixel-agents 是什么?
把终端里运行的 Claude Code 智能体变成像素风动画角色,在虚拟办公室里工作的 VS Code 扩展与独立应用。 Pixel Agents 把每个 Claude Code 会话变成小办公室里一个会动的像素角色。角色会走到自己的工位上坐下,编辑文件时打字,搜索时阅读,等待输入或权限确认时头顶会冒出提示气泡。同时运行多个智能体的开发者,可以一眼看出哪些在忙、哪些需要处理。
pixel-agents 可以免费使用吗?用的什么许可证?
pixel-agents 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
pixel-agents 还在维护吗?
活跃维护中。pixel-agents 最近一次提交是在 2026年11月3日。
pixel-agents 适合用来做什么?
在 VS Code 中并行管理多个 Claude Code 会话。 在 tmux 或远程机器上通过浏览器监控智能体。 无需切换终端,就能发现哪个智能体卡在等待确认。
pixel-agents 怎么安装和运行?
从 VS Code 应用市场或 Open VSX 安装 VS Code 扩展 在项目文件夹中运行独立 CLI: npx pixel-agents 或者全局安装 CLI 后运行: npm install --global pixel-agents
在哪里获取 pixel-agents?
源代码和安装说明在 GitHub 上:https://github.com/pixel-agents-hq/pixel-agents

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目