pi-image-preview
在代码编辑器上方内嵌预览图片的扩展
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：pi-image-preview。 它的用途是：在代码编辑器上方内嵌预览图片的扩展 完整的 Skill 内容见：https://321skill.com/skills/pi-image-preview/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我在代码里插入一张 logo.png 的引用，并预览一下。”，它会自动在编辑器上方显示 logo.png 的缩略图，让你确认图片内容是否正确，而无需切换窗口。
介绍
pi-image-preview 是一个专为 Pi Coding Agent 设计的图像预览扩展，它解决了在纯文本编辑环境中无法直观查看图像文件内容的问题。当你在代码中引用或处理图像文件时，无需离开编辑器或打开外部应用，就能快速确认图像内容，提升编码效率。
该扩展通过 Kitty 图形协议，在编辑器上方直接渲染出图像缩略图。如果你的开发环境支持 Tmux，它也能良好工作。使用方式通常是作为 Pi Coding Agent 的一个插件或扩展进行安装和启用。
它非常适合需要频繁处理图像资源的开发者、设计师或内容创作者，尤其是在进行 Web 开发、文档编写、数据分析报告生成等涉及图像引用的工作时。在代码审查、资产管理和快速原型开发等场景下尤其有用。
请注意，此扩展依赖于特定的终端（支持 Kitty 图形协议）和 Pi Coding Agent 环境。在非图形化终端或不兼容的编辑器中可能无法正常工作。建议在使用前确认你的终端模拟器是否支持相关协议。
核心特点
核心区别在于它专为 Pi Coding Agent 深度集成，并利用 Kitty 图形协议在终端编辑器内直接、高效地渲染图像预览，而非依赖外部窗口或笨重的图形界面。
注意事项
不适用于不支持 Kitty 图形协议或 Tmux 的终端环境，也无法在纯文本或远程 SSH 会话（无图形转发）中工作。
常见问题
pi-image-preview 支持哪些图片格式？
通常支持常见格式如 PNG、JPEG、GIF 等，具体取决于底层 Kitty 协议的支持情况。
它能在 VS Code 或 IntelliJ 里用吗？
不能，它是专为 Pi Coding Agent 及其特定编辑器环境设计的终端扩展。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/pi-image-preview/raw/index.md 读取 pi-image-preview 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/pi-image-preview/raw/index.md（查看排版版本）