@geminixiang/pi-diff
在浏览器中打开类 GitHub 的 diff 查看器
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：@geminixiang/pi-diff。 它的用途是：在浏览器中打开类 GitHub 的 diff 查看器 完整的 Skill 内容见：https://321skill.com/skills/geminixiang-pi-diff-geminixiang/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'请用 Pi Diff 打开当前项目的工作区变更'，它会自动调用 @geminixiang/pi-diff 扩展，在浏览器中生成一个类似 GitHub 的 diff 页面，显示所有文件的增删行和修改块，方便你快速定位改动。
介绍
Pi Diff 是一款专为 Pi 扩展生态设计的工具，旨在解决开发者无法在浏览器中直观查看代码变更差异的痛点。它模仿 GitHub 的 diff 视图风格，将 git 产生的改动以行内高亮、侧边栏对比的形式呈现，让用户无需切换上下文即可快速理解代码的增删改。
使用方式非常简单：通过 npm 安装后，在 Pi 扩展环境中调用即可。它会自动解析当前项目的 git diff 信息，并在浏览器中渲染一个干净、可交互的差异页面，支持滚动、折叠和行号对照。
适合所有需要频繁审查代码变更的开发者，尤其是前端开发、后端开发、全栈工程师以及代码评审者。无论你是想快速确认自己提交前的改动，还是审查同事的 PR，都能在几秒内获得类似 GitHub 的浏览体验。
建议在本地开发或 CI 流程中配合使用，避免在非 git 管理的目录中使用。注意该工具仅专注于 diff 展示，不包含合并、提交等操作，因此不适合作为完整的 git 客户端。
常见问题
Pi Diff 支持哪些浏览器？
只要浏览器支持现代 JavaScript 即可，Chrome、Firefox、Edge 等均可正常使用。
能否查看历史 commit 之间的 diff？
当前版本主要针对工作区未提交的变更，暂不支持直接查看历史 commit 对比。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/geminixiang-pi-diff-geminixiang/raw/index.md 读取 @geminixiang/pi-diff 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/geminixiang-pi-diff-geminixiang/raw/index.md（查看排版版本）