关于 render-images-in-cursor
这项 Cursor 技能通过将生成的图像复制到当前工作区、嵌入聊天并在编辑器标签页中打开，确保图像可见。
主要功能
- 01将图像复制到工作区
- 02用 Markdown 将图像嵌入聊天
- 03在编辑器标签页中打开图像
- 04向用户确认图像是否可见
适用场景
- 01在 Cursor 中展示生成的样图
- 02处理聊天内图像无法显示的情况
MCP 相关
有 cursor-app-control MCP 服务时，使用其 `open_resource` 工具在编辑器标签页中打开工作区图像。
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/render-images-in-cursor确认已加载。
详细介绍
在 Cursor 中渲染图像
只有当图像文件位于已打开的工作区内时，Cursor 聊天才能可靠地渲染图像。图像工具通常会将图像保存到工作区外的文件夹（例如 Cursor 项目目录下的 assets 文件夹），并声称图像“已经显示”——但用户什么也看不到，也不会收到错误提示。聊天内联渲染也是 Cursor 较新的功能，是否可用取决于逐步推出的情况，因此务必同时提供编辑器标签页作为备用方案。
工作流
- 将图像复制到已打开的工作区中。 任意工作区文件夹均可；建议使用仓库的临时文件夹：
mkdir -p tmp/mockups
cp "$IMAGE_PATH" tmp/mockups/my-image.png
- 在聊天回复中嵌入图像，使用普通 Markdown 指向工作区内的文件，并填写其完整绝对路径：
每张图像单独嵌入一行，并在其上方添加一行加粗的标签。不要相信图像工具声称图像“已经显示”的输出——每次都要明确嵌入。
- 同时将每张图像作为编辑器标签页打开——即使聊天内联渲染失败，也能确保图像可见。使用 cursor-app-control MCP 服务，调用
open_resource：
uri = file://ABSOLUTE-WORKSPACE-PATH/tmp/mockups/my-image.png
文件 URI 必须指向工作区内（或用户的 .cursor 文件夹下）的路径。如果没有此 MCP 服务，请在工作区根目录运行 cursor tmp/mockups/my-image.png。
- 向用户确认。 询问图像是否可见。如果内联渲染失败，第 3 步打开的编辑器标签页就是备用方案——不要只重新发送相同的 Markdown。
故障情况
- 图像保存在工作区外：聊天不会渲染任何内容，也不会提示错误。先将图像复制到工作区内（第 1 步），再嵌入工作区内的路径。
- Markdown 显示为普通文件链接，而不是图片：用户的 Cursor 版本不支持聊天内联图像；请使用第 3 步打开的编辑器标签页。
open_resource拒绝 URI：文件位于工作区外；通过第 1 步修正路径。- macOS
open在 Cursor 外的 Preview 中显示图像——仅作为最后的备用方案。
评论
支持 Markdown