Snapmark for VS Code

Snapmark for VS Code 是什么？

Snapmark for VS Code 是一个 VS Code 扩展，旨在帮助您在将截图粘贴到 AI 聊天工具前进行标注。其核心工作流程专注：复制截图，在扩展中标注，然后将标注后的图像粘贴到任何支持粘贴图像的 AI 聊天中。

根据扩展描述，Snapmark 通过剪贴板工作，不会干扰代理窗口。这让您能够在分享到聊天前模糊敏感区域、为 UI 流程添加编号步骤标注，并将大截图调整为更适合模型的大小。

主要功能

• 基于剪贴板的工作流程：Snapmark 驻留在您的剪贴板中——复制截图，然后使用扩展的快捷键打开标注器，为粘贴准备图像。
• 模糊敏感区域：支持模糊截图区域，从而在图像粘贴到 AI 聊天前隐藏 API 密钥、令牌和 PII 等值。
• 编号步骤标注：可以添加有序标记（例如 1、2、3）来按序描述 UI 流程，减少解释多步骤屏幕时的来回沟通。
• 复制时自动压缩：Retina 截图在复制时长边调整为 1920px，旨在防止视觉模型处理无用像素。
• 粘贴到“任何支持粘贴图像的工具”：扩展呈工具无关设计——适用于支持粘贴图像的 AI 聊天（列举示例包括 Claude Code、GitHub Copilot Chat 和 Cursor）。
• 无遥测 / 开源（声明）：页面声明该项目 免费、开源，且 无遥测。

如何使用 Snapmark for VS Code

1. 安装扩展：从 VS Code Marketplace 安装 Snapmark（或使用页面上的 GitHub 链接）。
2. 复制截图：使用操作系统截图工具（列举示例包括 macOS Ctrl+Shift+⌘4、Windows Win+Shift+S 或任何 Linux 截图工具）。
3. 打开标注器：复制后，Snapmark 检测剪贴板图像并启用状态栏按钮。按 ⌘⇧A（或 Ctrl+Shift+A）打开标注器。
4. 标注并准备图像：使用可用工具模糊敏感区域并添加编号步骤标注。扩展在复制时还会应用所述的调整大小行为。
5. 粘贴到 AI 聊天：使用扩展的“复制”操作，将标注后的图像粘贴到支持粘贴图像的 AI 聊天中（页面列举示例包括 Claude Code、Copilot Chat 和 Cursor）。

使用场景

• 分享 UI 前擦除凭证：记录包含 API 密钥、令牌或个人数据的应用屏幕时，先模糊这些区域，确保粘贴的截图不泄露敏感信息。
• 解释多步骤界面：对于“配置设置 → 提交 → 确认结果”等流程，添加编号标记（1、2、3）来指示模型每个步骤对应的屏幕区域。
• 为视觉模型准备截图，无额外像素成本：复制高分辨率（例如 Retina）截图时，依赖 Snapmark 的自动调整大小，将图像缩小为长边 1920px，而不是处理超大截图。
• 使用相同工作流程跨多个 AI 聊天工具：在不同 AI 聊天客户端间切换（页面列举 Claude Code、Copilot、Cursor 等），无需更改截图标注流程——将标注图像粘贴到任何支持的位置。

常见问题

Snapmark 是否与特定 AI 代理集成？

Snapmark 被描述为适用于“任何其他支持粘贴图像的工具”。页面列举示例包括 Claude Code、GitHub Copilot 和 Cursor，但关键要求是 AI 聊天客户端支持粘贴图像。

标注过程中截图会发生什么？

页面声明 Snapmark 驻留在您的剪贴板中，不会触及任何代理窗口。您在 VS Code 中标注剪贴板图像，然后将标注后的图像粘贴到 AI 聊天中。

可以隐藏 API 密钥和 PII 等敏感信息吗？

可以。Snapmark 包含模糊功能，专为敏感区域设计，页面明确提及 API 密钥、令牌和 PII。

Snapmark 会调整大截图大小吗？

会。页面声明 Retina 截图在复制时长边调整为 1920px。

替代方案

• 手动截图编辑工具：使用图像编辑器（或系统标注工具）在粘贴前模糊和标注截图。这在编辑上更灵活，但需要切换工具，且无法在 VS Code 内提供相同的剪贴板到标注器的流程。
• 专用 UI/步骤标注工具：帮助为文档标注截图的工具可实现类似功能，但可能不针对“剪贴板优先”流程和“粘贴到 AI 聊天”步骤进行优化。
• 其他 VS Code 图像/剪贴板实用工具：开发工具领域的替代品可能提供剪贴板处理或图像操作，但可能不包含 Snapmark 所述的内置模糊和编号步骤流程。
• 仅依赖 AI 聊天客户端的图像处理：如果你的 AI 聊天能直接接受粘贴截图，你可以跳过标注。这在删除敏感内容和引导模型处理多步骤 UI 流程方面可能不太可靠。