@kkkiio/pi-web-ui
Pi 智能体浏览器端可视化控制台
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:@kkkiio/pi-web-ui。 它的用途是:Pi 智能体浏览器端可视化控制台 完整的 Skill 内容见:https://321skill.com/skills/kkkiio-pi-web-ui/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘启动 Pi Web UI 并连接到我的当前会话。’,它会运行本地服务并打开浏览器页面,让你在网页上实时看到 Pi 的回复、代码输出,并能直接发送新指令,就像使用一个增强版的聊天和控制面板。
介绍
Pi Web UI 解决了在命令行中与 Pi 编码智能体交互不够直观、难以实时监控会话状态的问题。它提供了一个基于浏览器的图形界面,用户可以在其中查看 Pi 智能体的运行状态、历史对话、代码执行结果,并进行便捷的控制操作。
使用方式非常简单,通过 npm 安装后,运行相应的命令即可启动一个本地 Web 服务器。用户只需在浏览器中打开提供的地址,就能连接到正在运行的 Pi 智能体会话,实现可视化交互。
这个工具非常适合那些频繁使用 Pi 编码智能体进行开发、调试或自动化任务的开发者和技术爱好者。它尤其适合希望提升与 AI 助手交互效率、希望有更清晰会话记录和状态追踪的用户。
建议在本地开发环境中使用,以获得最佳性能和安全性。初次使用时,请确保 Pi 智能体已正确运行并支持 WebSocket 连接。注意,该工具主要用于增强交互体验,核心的 AI 编码功能仍需依赖 Pi 智能体本身。
核心特点
这是专为 Pi 编码智能体设计的官方风格 Web 控制台,提供了对会话状态、历史记录和交互控制的集中可视化界面,而非通用的 AI 聊天前端。
注意事项
仅适用于 Pi 编码智能体,不兼容其他 AI 模型或智能体。
常见问题
Pi Web UI 能做什么?
在浏览器中可视化查看和控制你的 Pi 智能体会话,包括状态、历史和交互。
需要先安装 Pi 吗?
是的,你需要先安装并运行 Pi 编码智能体,此 UI 是其前端界面。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/kkkiio-pi-web-ui/raw/index.md 读取 @kkkiio/pi-web-ui 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/kkkiio-pi-web-ui/raw/index.md(查看排版版本)