Snapmark for VS Code

Snapmark for VS Codeとは？

Snapmark for VS Codeは、AIチャットツールに貼り付ける前にスクリーンショットを注釈するためのVS Code拡張機能です。コアワークフローはシンプル：スクリーンショットをコピーし、拡張機能で注釈を追加し、貼り付け可能な画像をAIチャットに貼り付けます。

拡張機能の説明によると、Snapmarkはクリップボード経由で動作し、エージェントのウィンドウを一切触りません。これにより、機密領域をぼかし、UIフローの番号付きステップコールアウトを追加し、チャット共有前に大規模スクリーンショットをモデルに適したサイズにリサイズできます。

クリップボードベースのワークフロー: Snapmarkはクリップボードに常駐。スクリーンショットをコピー後、拡張機能のショートカットで注釈エディタを開き、貼り付け準備をします。
機密領域のぼかし: スクリーンショットの領域をぼかして、APIキー、トークン、PIIなどの値をAIチャット貼り付け前に隠せます。
番号付きステップコールアウト: UIフローを順序立てて説明するため、順序マーカー（例: 1, 2, 3）を追加。多段階画面の説明でやり取りを減らせます。
コピー時の自動圧縮: Retinaスクリーンショットは長い辺を1920pxにリサイズしてコピー。ビジョンモデルが無駄なピクセルを処理しないよう設計。
「貼り付け画像を受け付けるものなら何でも」対応: ツール非依存で、Claude Code、GitHub Copilot Chat、Cursorなどの貼り付け対応AIチャットで使用可能。
テレメトリなし / オープンソース（記載通り）: ページでは無料、オープンソース、テレメトリなしと明記。

拡張機能のインストール: VS Code MarketplaceからSnapmarkをインストール（ページのGitHubリンクも使用可）。
スクリーンショットのコピー: OSのスクリーンショットツールを使用（例: macOS Ctrl+Shift+⌘4、Windows Win+Shift+S、Linuxスニッパー）。
注釈エディタの開く: コピー後、Snapmarkがクリップボード画像を検知しステータスバーボタンを有効化。⌘⇧A（またはCtrl+Shift+A）でエディタを開きます。
画像の注釈と準備: ツールで機密領域をぼかし、必要に応じて番号付きステップを追加。コピー時に記述されたリサイズも適用。
AIチャットへの貼り付け: 拡張機能の「Copy」アクションを使い、注釈済み画像を貼り付け対応AIチャット（ページ例: Claude Code、Copilot Chat、Cursor）に貼り付け。

UI共有前の認証情報マスキング: APIキー、トークン、個人データを伴うアプリ画面をドキュメント化時、まず該当領域をぼかして貼り付け画像から機密を除去。
多段階インターフェースの説明: 「設定 → 送信 → 結果確認」などのフローに番号マーカー（1, 2, 3）を追加し、各ステップの画面領域をモデルに明確化。
ビジョンモデル向けピクセルコスト削減: 高解像度（例: Retina）スクリーンショットをコピー時、Snapmarkの自動リサイズで長い辺を1920pxに抑え、過大な画像処理を回避。
同一ワークフローで複数AIチャットツール対応: Claude Code、Copilot、Cursorなど異なるAIチャット間を移動しても、注釈プロセスを変えず、対応箇所に貼り付け。

Snapmarkは「貼り付け画像を受け付けるものなら何でも」と記述。ページ例としてClaude Code、GitHub Copilot、Cursorを挙げますが、AIチャットが貼り付けを受け付けることが主要件です。

ページによると、Snapmarkはクリップボードに留まりエージェントのウィンドウを触りません。VS Codeでクリップボード画像を注釈後、AIチャットに貼り付け。

はい。Snapmarkのぼかし機能は機密領域向けで、ページでAPIキー、トークン、PIIを明示。

はい。ページによると、Retinaスクリーンショットはコピー時に長い辺を1920pxにリサイズ。

手動スクリーンショット編集ツール: 画像エディタ（またはOSの注釈ツール）を使ってスクリーンショットをぼかし・ラベル付けしてから貼り付け。編集の柔軟性は高いが、ツールの切り替えが必要で、VS Code内のクリップボード→注釈ワークフローは提供されない。
専用UI/ステップ注釈ツール: ドキュメント用のスクリーンショット注釈を支援するツールは類似の目的を果たすが、クリップボード優先のフローや「AIチャットへの貼り付け」ステップに特化していない場合がある。
他のVS Code画像/クリップボードユーティリティ: 開発ツールの代替品はクリップボード処理や画像操作を提供する可能性があるが、Snapmarkで説明されたぼかしや番号付きステップの組み込みワークフローを含まない場合がある。
AIチャットクライアントの画像処理のみに頼る: AIチャットが貼り付けスクリーンショットを受け付ける場合、注釈をスキップ可能。ただし、機密情報の赤入れや複数ステップUIフローのモデル誘導では信頼性が低い。