Snapmark icon

Snapmark

Snapmarkは、AIチャットへ貼り付ける前にクリップボード内のスクリーンショットへ注釈を追加できるVS Code拡張機能です。ぼかしによる秘匿、番号付き注釈、巨大画像の自動リサイズに対応しています。

Snapmark

Snapmarkの概要

Snapmarkは、AIチャットへ貼り付ける前にスクリーンショットへ注釈できるVS Code拡張機能です。クリップボードのワークフローに組み込まれているため、スクリーンショットをコピーしてマークアップし、編集済み画像をClaude、Copilot、Cursorなどのツールへ貼り付けられます。

この製品は、機密情報を隠すこと、流れを説明するために番号付き注釈を追加すること、そして大きなスクリーンショットを長辺1920 pxへ自動で縮小することの3つの具体的な作業に重点を置いています。サイトでは、貼り付けた画像を受け付けるあらゆるチャットで動作し、無料でオープンソースであり、テレメトリを収集しないと説明されています。

主な機能

機密領域のぼかし

スクリーンショットが自分の端末を離れる前に一部をぼかせるため、APIキー、トークン、個人データの秘匿に役立ちます。

番号付きステップ注釈

UIのシーケンスを説明したり、特定の要素へ順番に注意を向けさせたりするために、1、2、3のマーカーを追加できます。

コピー時の自動圧縮

コピー時にRetinaサイズのスクリーンショットを長辺1920 pxへ自動的にリサイズし、Visionモデルに貼り付ける画像を小さく保つのに役立ちます。

クリップボード対応のエディタワークフロー

クリップボード画像を検出してVS Codeのステータスバーから注釈ツールを開き、作業の流れをエディタ内に保ちます。

貼り付け準備済みの出力

注釈済み画像を書き出し、Claude Code、Copilot Chat、Cursor、その他画像対応のAIチャットへ貼り付けられます。

主な使用例

  • 機密スクリーンショットの秘匿

    AIアシスタントと共有する前に、スクリーンショット内のAPIキー、トークン、個人情報を隠します。

  • インターフェースの流れを説明する

    UIキャプチャ内の手順にラベルを付け、どの要素が先かを推測させずにモデルが流れを追えるようにします。

  • 開発ワークフロー内で注釈を維持する

    別のエディタを開くためにVS Codeを離れずに、スクリーンショットをClaude、Copilot、Cursor、または同様のツールへ直接貼り付けます。

  • チャット用に大きすぎる画像を縮小する

    特に元画像のピクセル数がモデルに必要な量を超える場合、Vision対応チャットへ送る前に大きなRetinaスクリーンショットを縮小します。

  • 画像貼り付け先をまたいで作業する

    ホームページで挙げられているAI製品だけでなく、貼り付けた画像を受け付けるあらゆるアプリで同じクリップボード आधारितの手順を使います。

Pros and Cons

Pros

  • スクリーンショットの注釈を、VS Code内のクリップボードからチャットへの流れに保てます。
  • 貼り付け前に機密領域を秘匿できます。
  • 手順ごとの説明に使えるシンプルな番号付き注釈を追加できます。
  • コピー時に大きなスクリーンショットを自動でより小さな長辺サイズに縮小します。
  • 無料、オープンソース、テレメトリなしと明記されています。

Cons

  • 価格ページには、料金の詳細やプラン構成が記載されていません。
  • サイトでは、ぼかし、番号付き注釈、コピー時のリサイズ以外の広範な画像編集機能について説明していません。

FAQ

Snapmarkは何に使いますか?

Snapmarkは、クリップボードから取り込んだスクリーンショットをAIチャットへ貼り付ける前に注釈できるVS Code拡張機能です。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
ライセンス/状態
無料、オープンソース、テレメトリなし

Snapmarkの代替品