@cnbattle/pi-web
为 Pi Coding Agent 提供图形化 Web 界面
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：@cnbattle/pi-web。 它的用途是：为 Pi Coding Agent 提供图形化 Web 界面 完整的 Skill 内容见：https://321skill.com/skills/cnbattle-pi-web/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“启动 pi-web 界面”，它会启动本地服务并给出访问地址。在浏览器中打开后，你可以通过左侧文件树浏览项目，在右侧与 Pi Agent 对话，并利用顶部工具栏固定常用目录或调整工具设置。
介绍
该 Skill 为 Pi Coding Agent 提供了一个基于 Web 的用户界面，解决了在纯文本或命令行环境中操作 AI 编码助手时，交互不够直观、文件管理和工具配置不便的问题。
用户通过安装并运行此 Skill，即可在浏览器中访问一个图形化界面，可以更便捷地浏览项目文件、管理常用目录、配置工具参数，并与 Pi Coding Agent 进行交互，提升编码辅助的体验。
它非常适合那些已经使用 Pi Coding Agent 进行开发，但希望获得更友好、更集中管理界面的开发者和技术爱好者。
建议在本地开发环境中部署使用，初次使用前请确保已正确安装 Node.js 环境，并注意该界面是 Pi Agent 的辅助前端，核心的代码生成与分析能力仍依赖于后端的 Pi Agent。
核心特点
这是 Pi Coding Agent 的一个分支版本，核心区别在于它固定了常用目录并提供了工具配置选项，使得项目结构管理和 Agent 行为定制更加方便。
注意事项
该 Skill 主要作为 Pi Coding Agent 的界面增强，不适合需要深度集成到其他 IDE 或追求极致轻量级命令行交互的场景。
常见问题
pi-web 和原版 Pi Agent 是什么关系？
pi-web 是 Pi Coding Agent 的一个分支，主要增加了 Web 图形界面和目录固定等功能。
需要先安装 Pi Agent 吗？
需要，pi-web 是 Pi Agent 的前端界面，后端仍需 Pi Agent 支持。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/cnbattle-pi-web/raw/index.md 读取 @cnbattle/pi-web 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/cnbattle-pi-web/raw/index.md（查看排版版本）