@ricoyudog/pi-debug-dashboard
Pi Coding Agent的实时调试仪表盘
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：@ricoyudog/pi-debug-dashboard。 它的用途是：Pi Coding Agent的实时调试仪表盘 完整的 Skill 内容见：https://321skill.com/skills/ricoyudog-pi-debug-dashboard/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“启动Pi项目并开启调试仪表盘。”，它会运行相关命令并输出仪表盘的访问地址。你打开浏览器进入该地址，就能实时看到AI Agent在处理你的编码请求时的每一步思考、工具调用和输出结果，如同一个动态的思维流程图，极大方便了问题定位和过程理解。
介绍
该Skill为Pi Coding Agent提供了一个基于浏览器的实时调试仪表盘。它旨在解决开发者在与AI编码助手交互时，难以直观、实时地跟踪和分析会话状态与内部流程的问题。通过Server-Sent Events (SSE)技术，它能将Agent的会话活动（如思考过程、工具调用、代码执行等）实时推送到一个简洁的Web界面，让开发者能够可视化地监控整个交互过程。
使用方式非常简单。在安装了此Skill后，启动你的Pi Coding Agent项目，仪表盘服务通常会随之运行。开发者只需在浏览器中打开指定的本地地址（例如 http://localhost:3000），即可看到一个动态更新的界面，其中清晰地展示了当前会话的步骤、状态、请求与响应内容等详细信息。整个过程无需复杂的配置。
这个工具非常适合正在使用或开发基于Pi框架的AI编码助手的开发者、研究员以及对AI Agent内部工作机制感兴趣的技术爱好者。它尤其有助于调试复杂的多步骤任务，理解Agent的决策逻辑，或用于教学演示Agent的工作流程。
在使用建议上，请确保你的网络环境允许本地服务器运行和浏览器访问。由于是实时数据流，建议在需要深度调试或分析特定会话时开启此功能，以避免不必要的性能开销。注意仪表盘主要展示流程信息，对于代码本身的语法高亮或深度分析可能需要结合其他专业工具。
核心特点
专为Pi Coding Agent框架深度定制，通过SSE实现真正的低延迟、无刷新实时会话流可视化，而非简单的日志文件查看器。
注意事项
仅适用于Pi框架的AI Agent项目，不适用于其他AI助手平台或通用日志监控。
常见问题
Pi Debug Dashboard 是什么？
它是一个用于实时可视化Pi Coding Agent会话的Web调试工具。
如何访问仪表盘？
安装并启动Skill后，在浏览器中访问控制台输出的本地URL（通常是 http://localhost:3000）。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/ricoyudog-pi-debug-dashboard/raw/index.md 读取 @ricoyudog/pi-debug-dashboard 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/ricoyudog-pi-debug-dashboard/raw/index.md（查看排版版本）