@hyperdreamer/pi-webui
为Pi编码代理提供持久化会话的Web界面
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：@hyperdreamer/pi-webui。 它的用途是：为Pi编码代理提供持久化会话的Web界面 完整的 Skill 内容见：https://321skill.com/skills/hyperdreamer-pi-webui/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘启动Pi Web UI并连接到我的项目A’，它会启动本地Web服务并打开浏览器，展示项目A所有历史编码对话和未完成的代码变更，你可以直接从中断处继续。或者，
对AI说：‘查看昨天关于API重构的会话’，Web UI会快速定位并展示该会话的完整上下文和代码差异。
介绍
这个Skill解决的是Pi Coding Agent在真实工作空间中会话状态无法持久化、缺乏可视化界面的问题。它提供了一个Web UI，允许用户在一个统一的浏览器界面中管理和恢复之前的编码会话，无需每次重新开始。 使用方式是通过npm安装后，启动一个本地Web服务，通过浏览器访问即可连接到正在运行的Pi Coding Agent，查看历史对话、代码变更和项目上下文。 它非常适合需要长时间、分阶段进行复杂编码任务的全栈开发、智能体开发者和运维工程师，他们可以利用此工具在不同时间点无缝衔接工作。 建议在稳定的开发环境中使用，并确保Pi Coding Agent服务已正确配置且可访问，以获得最佳体验。
核心特点
与仅提供命令行交互的编码代理不同，它通过Web UI实现了会话的持久化和可视化，允许用户像使用Web应用一样管理多个编码任务的历史和进度。
注意事项
不适合仅需一次性、简单代码片段生成的快速任务场景。
常见问题
这个Web UI需要额外的服务器吗？
不需要，它是一个本地运行的Web服务，通过npm安装后即可启动。
它能管理多个不同的Pi Coding Agent项目吗？
可以，Web UI可以连接并管理多个持久化会话，方便在不同项目间切换。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/hyperdreamer-pi-webui/raw/index.md 读取 @hyperdreamer/pi-webui 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/hyperdreamer-pi-webui/raw/index.md（查看排版版本）