pi-side-preview
pi编辑器专用的右侧文件与图片预览扩展插件
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：pi-side-preview。 它的用途是：pi编辑器专用的右侧文件与图片预览扩展插件 完整的 Skill 内容见：https://321skill.com/skills/pi-side-preview/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我安装pi-side-preview扩展并配置预览快捷键'，它会自动执行npm安装命令，引导你完成pi编辑器内的快捷键设置。
对AI说：'在右侧预览当前目录下的design.png'，它会唤起右侧预览面板加载对应图片，支持缩放、拖拽查看。
介绍
使用pi编辑器开展编辑工作时，若需对照参考图片、查看关联文件内容，往往要切换到其他窗口或软件，频繁切换会打断操作思路，降低编辑效率，还容易出现窗口排布混乱、参考内容遮挡编辑区的问题，影响工作流畅度。 安装完成后无需额外复杂配置，扩展会自动适配pi编辑器的原生界面布局，编辑过程中可通过侧边栏功能按钮或预设快捷键唤起右侧预览面板，打开对应支持格式的文件时会自动加载预览内容，图片类文件支持缩放、拖拽查看，文本类文件会自动适配预览区排版，编辑与预览操作可同步进行、互不干扰。 适合日常使用pi编辑器的前端开发者、内容创作者、文档编写人员，尤其是需要频繁对照图片素材、参考关联文档内容开展编辑工作的用户，能有效减少窗口切换的时间成本。 使用时可根据自身需求拖拽调整右侧预览面板的宽度，搭配pi的分屏编辑功能体验更佳；若遇到文件无法预览的情况，可先确认文件格式是否在支持范围内，或检查扩展是否更新到最新版本。
核心特点
该扩展专为pi编辑器深度定制，完美适配pi原生界面与操作逻辑，相比通用预览插件不会出现界面错位、功能冲突问题，预览加载响应速度更快。
注意事项
仅可在pi编辑器环境中运行使用，暂不支持加密格式、超大体积文件的预览。
常见问题
这个扩展可以在其他编辑器中使用吗？
不可以，它是pi编辑器的专属扩展，仅适配pi运行环境。
安装后无法预览文件是什么原因？
请先确认文件格式是否在支持范围内，或检查扩展是否更新到最新版本。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/pi-side-preview/raw/index.md 读取 pi-side-preview 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/pi-side-preview/raw/index.md（查看排版版本）