@kreeger/pi-edit-split
为pi-coding-agent编辑工具提供并排代码差异预览
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：@kreeger/pi-edit-split。 它的用途是：为pi-coding-agent编辑工具提供并排代码差异预览 完整的 Skill 内容见：https://321skill.com/skills/kreeger-pi-edit-split/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我修改这个用户登录接口的参数校验逻辑'，它会在生成修改方案的同时，自动弹出左右分栏的diff预览，左侧展示原始代码，右侧展示修改后代码，变更行高亮标注。
对AI说：'调整这个React组件的移动端适配样式'，它会直接输出并排对比视图，方便你快速核对每一处改动是否符合预期。
介绍
使用pi-coding-agent进行AI辅助编码时，原生编辑工具仅能输出线性的代码变更记录，开发者无法直观对比修改前后的代码差异，在处理多文件、大段代码改动时，逐行核对变更内容的成本极高，很容易漏看、错看关键修改，拖慢代码校验与迭代效率。你只需通过npm将该工具安装到pi-coding-agent的运行环境中，无需额外配置参数或修改代理底层设置，后续调用pi-coding-agent的编辑功能时，工具会自动触发，将代码变更以左右分栏的形式同步展示原始版本与修改后版本，变更行会做高亮标记，改动点一目了然。它适合日常依赖pi-coding-agent完成编码工作的开发者、需要频繁审核AI生成代码修改内容的技术人员、对代码变更准确性有较高要求的编程从业者，尤其是经常处理批量代码修改的用户。使用前请确认当前运行的pi-coding-agent版本与该工具兼容，若遇到预览无法加载的情况，可先检查npm包是否安装完整、版本是否匹配；处理超大文件的代码变更时，预览加载可能需要短暂等待，请勿重复触发编辑指令避免重复执行修改。
核心特点
它是专门适配pi-coding-agent编辑工具的专属diff预览插件，无需手动导入变更内容或进行复杂配置，即可在编辑操作时自动生成左右分栏的变更对比视图。
注意事项
仅支持适配pi-coding-agent编辑工具，无法在其他编码代理或独立编辑器中单独运行使用。
常见问题
pi-edit-split可以单独在VS Code里使用吗？
不可以，它是pi-coding-agent的配套插件，仅能在对应代理环境下运行。
安装pi-edit-split后怎么打开diff预览？
无需手动操作，调用pi-coding-agent的编辑功能时会自动生成并排预览。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/kreeger-pi-edit-split/raw/index.md 读取 @kreeger/pi-edit-split 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/kreeger-pi-edit-split/raw/index.md（查看排版版本）