Snapmark icon

Snapmark

Snapmark 是一款 VS Code 擴充功能,可在貼到 AI 聊天前為剪貼簿截圖加註解,支援模糊遮蔽、編號標註與大型圖片自動縮放。

Snapmark

Snapmark 的功能

Snapmark 是一款用於在將截圖貼到 AI 聊天前先進行註解的 VS Code 擴充功能。它位於你的剪貼簿工作流程中,讓你可以先複製截圖、加上標註,再把編輯後的圖片貼到 Claude、Copilot 和 Cursor 等工具中。

此產品聚焦三項特定工作:隱藏敏感細節、加入編號標註以說明流程,以及將大型截圖自動縮小到長邊 1920 px。網站表示它可搭配任何接受貼上圖片的聊天工具使用,且它是免費、開源,並且不收集遙測資料。

核心功能

模糊遮蔽敏感區域

在截圖離開你的電腦之前先遮蔽部分內容,適合隱藏 API 金鑰、權杖與個人資料。

編號步驟標註

加入 1、2、3 標記,解釋 UI 序列或依序引導注意到特定元素。

複製時自動壓縮

在你複製時自動將 Retina 尺寸的截圖縮放到長邊 1920 px,有助於讓貼上的圖片更適合視覺模型。

感知剪貼簿的編輯流程

偵測剪貼簿中的圖片,並從 VS Code 狀態列開啟註解器,讓流程留在編輯器內完成。

可直接貼上的輸出

匯出可直接貼到 Claude Code、Copilot Chat、Cursor 以及其他可處理圖片的 AI 聊天中的已註解圖片。

常見使用情境

  • 遮蔽敏感截圖

    在與 AI 助手分享之前,先隱藏截圖中的 API 金鑰、權杖或個人資訊。

  • 說明介面流程

    為 UI 擷取畫面加上步驟標籤,讓模型能按順序理解流程,而不必猜測哪個元素先出現。

  • 將註解保留在開發者工作流程中

    無需離開 VS Code 開啟獨立編輯器,就能直接把截圖貼到 Claude、Copilot、Cursor 或類似工具中。

  • 減少聊天用的超大圖片

    在把大型 Retina 截圖送到支援視覺的聊天工具前先縮小它,特別是當原始圖片的像素數超出模型需求時。

  • 跨圖片貼上目的地使用

    以同樣的剪貼簿流程搭配任何接受貼上圖片的應用程式,而不只限於首頁上列出的 AI 產品。

Pros and Cons

Pros

  • 讓截圖註解留在 VS Code 內的剪貼簿到聊天流程中。
  • 支援在貼上前遮蔽敏感區域。
  • 可加入簡單的編號標註,方便逐步說明。
  • 在複製時自動將大型截圖縮小到較短的長邊。
  • 標示為免費、開源,且沒有遙測。

Cons

  • 定價頁面未提供任何定價細節或方案結構。
  • 網站未描述超出模糊、編號標註與複製時縮放之外的更廣泛圖片編輯功能。

FAQ

Snapmark 有什麼用途?

Snapmark 是一款 VS Code 擴充功能,可在您將截圖貼到 AI 聊天前,先為來自剪貼簿的截圖加註解。它適用於 Claude、Copilot、Cursor 等支援貼上圖片的工具中的影像型提示。

Snapmark 支援哪些 AI 工具?

頁面顯示 Snapmark 可搭配 Claude、GitHub Copilot、Cursor、OpenAI Codex、Gemini Code Assist 與 Cline 使用,並表示它也適用於其他任何接受貼上圖片的工具。

我可以在貼上前遮蔽或標註截圖嗎?

可以。頁面說明提供模糊工具用來隱藏敏感區域,並表示你可以加入編號標註來引導模型理解 UI 流程。

有付費方案或定價資訊嗎?

網站表示 Snapmark 是免費、開源,而且沒有遙測。定價頁面沒有提供任何額外的定價細節。

這個工作流程如何運作?

頁面展示的流程是:先截圖,讓 Snapmark 在剪貼簿中偵測到它,從 VS Code 開啟註解器,編輯圖片,然後複製並貼到你的聊天中。

Quick Facts

分類
VS Code 擴充功能
主要工作流程
在貼到 AI 聊天前註解剪貼簿截圖
支援的聊天目標
Claude、GitHub Copilot、Cursor、OpenAI Codex、Gemini Code Assist、Cline,以及其他可貼上圖片的目的地
來源網域
snapmarkapp.netlify.app
授權/狀態
免費、開源、無遙測