@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 直接在浏览器内渲染，无需离开当前工作流，且视觉风格与 GitHub 高度一致，降低了学习成本。
注意事项
仅适用于 Pi 扩展环境，且需要项目已初始化 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（查看排版版本）