Repolode
jarrodwatts

jarrodwatts/claude-image-view

Claude Code向けmod。裸の[Image #n]タグの代わりに、プロンプトの上に貼り付けた画像のサムネイルを表示します。

スター
240
フォーク
21
未解決の Issue
0
最終コミット
8 日前

これは何?

Claude Image ViewはClaude Code向けのmodです。プロンプトに画像を貼り付けると、通常のClaude Codeでは[Image #1]のようなテキストタグだけが挿入されます。このmodはプロンプト欄を読み取り、入力欄の上にサムネイルを並べて、各タグがどの画像を指しているか確認できるようにします。

サムネイルは縦横比を保ったままプロンプトの上のスペースに収まるよう縮小され、表示しきれない画像は「+N」カウンターにまとめられます。Ghosttyとkittyでは、Claude Codeがキャッシュファイルから実際の画像を描画します。それ以外のターミナルでは、画像を縮小して色付きの半ブロックで表示します。macOSでは、PNG以外の画像をsipsで変換します。

このmodはローカルでのみ動作し、ネットワークリクエストは行いません。macOSとLinuxで動作し、Claude Code v2.1.287以降が必要です。

主な機能

  • 01画像を貼り付けるとすぐに、プロンプトの上にサムネイルを表示します。
  • 02各サムネイルの縦横比を保ち、画面内に収まるように並べます。
  • 03Ghosttyとkittyでは実際の画像を表示し、それ以外では半ブロックでプレビューします。
  • 04macOSでは、PNG以外の画像をsipsでPNGに変換します。
  • 05プロンプトの送信時、またはタグの削除時にサムネイル列を消去します。

ユースケース

  • Claude Codeの1つのプロンプトで複数のスクリーンショットを扱い、各タグがどの画像に対応するか把握する。
  • ターミナルのセッションから、UIモックアップや写真をClaude Codeに共有する。
  • プロンプトを送信する前に、貼り付けた画像を目で確認する。

クイックスタート

  1. 1

    Claude Code 内でマーケットプレイスを追加する

    /plugin marketplace add jarrodwatts/claude-image-view
  2. 2

    プラグインをインストールする

    /plugin install image-view
  3. 3

    プラグインを再読み込みする

    /reload-plugins

使う前に知っておきたいこと

  • Claude Code v2.1.287 以降が必要です。
  • フル解像度のサムネイルは Ghostty または kitty でのみ表示されます。それ以外のターミナルでは、解像度の低い半ブロックのサムネイルが表示されます。
  • Windows での動作確認は十分ではなく、PNG の貼り付けプレビューのみ対応しています。

トピック

よくある質問

claude-image-view とは?
Claude Code向けmod。裸の[Image #n]タグの代わりに、プロンプトの上に貼り付けた画像のサムネイルを表示します。 Claude Image ViewはClaude Code向けのmodです。プロンプトに画像を貼り付けると、通常のClaude Codeでは[Image #1]のようなテキストタグだけが挿入されます。このmodはプロンプト欄を読み取り、入力欄の上にサムネイルを並べて、各タグがどの画像を指しているか確認できるようにします。
claude-image-view は無料で使えますか?ライセンスは?
claude-image-view は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
claude-image-view は今もメンテナンスされていますか?
活発にメンテナンス中。claude-image-view の最終コミットは 2026年10月12日 です。
claude-image-view は何に使えますか?
Claude Codeの1つのプロンプトで複数のスクリーンショットを扱い、各タグがどの画像に対応するか把握する。 ターミナルのセッションから、UIモックアップや写真をClaude Codeに共有する。 プロンプトを送信する前に、貼り付けた画像を目で確認する。
claude-image-view のインストール方法は?
Claude Code 内でマーケットプレイスを追加する: /plugin marketplace add jarrodwatts/claude-image-view プラグインをインストールする: /plugin install image-view プラグインを再読み込みする: /reload-plugins
claude-image-view はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/jarrodwatts/claude-image-view

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト