PI · AI CODING AGENT — VISUAL FRONTEND

给 pi 一个
看得见的操作台

PiDesk 是 pi 的可视化 Web 前端。在浏览器里和 pi 对话,实时看见它的思考过程、流式输出和每一次工具调用。

< 300msWebSocket 实时推送
1 个会话所有标签页共享
0 丢失刷新页面历史不丢
01 — WHY

CLI 里的 pi 很强大,
浏览器里的 pi 看得见。

PiDesk 把 pi 的事件流变成界面:每一条思考、每一次工具调用、每一段流式输出,都摊开在屏幕上。

实时流式输出

回答边生成边出现,像流水一样。不用干等一整段回复,从第一个字符起就能跟着 pi 的节奏走。

思考过程可见

折叠的思维链清晰展示。pi 在动手之前先想什么、怎么拆解问题,每一步都不藏。

工具调用全记录

读文件、跑命令、改代码,所有动作都留在对话里。它做了什么、改了什么,事后随时可查。

多标签页共享会话

所有标签页连着同一个 pi 会话。刷新不丢历史,换个窗口继续聊,上下文无缝衔接。

02 — HOW IT WORKS

一条简单的管道,
把 pi 搬进浏览器。

后端维持一个常驻的 pi rpc 进程,通过 WebSocket 把事件流转发给所有标签页。

浏览器
React 界面
Node 后端
RpcClient 转发
pi rpc 进程
常驻会话
一条双向通道: 你的提问往下走,思考 / 正文 / 工具调用事件往上流,所有标签页实时共享。

一分钟跑起来

需要 Node.js ≥ 22.19 和已配置好 provider 的 pi(如 DEEPSEEK_API_KEY / ANTHROPIC_API_KEY)。
或者直接下载 macOS 桌面版,开箱即用。

下载桌面版 v0.5.0 ↗ macOS · Apple Silicon
# 克隆或进入 pidesk 项目
$ cd pidesk
$ npm install
# 同时启动后端 :8787 与前端 :5173
$ npm run dev
→ http://localhost:5173