Claude Codeにライブのステータスラインを追加するプラグインで、コンテキスト使用量、レート制限、実行中のツール、稼働中のエージェント、Todoの進捗を表示します。
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
Claude Code 内でマーケットプレイスを追加する
/plugin marketplace add jarrodwatts/claude-image-view - 2
プラグインをインストールする
/plugin install image-view - 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 の数値は毎日更新されます。
関連プロジェクト
Claude Code CLI向けのカスタマイズ可能なステータスライン。モデル、Gitブランチ、トークン使用量、利用制限などをPowerline対応のテーマ付きで表示します。
Claude Codeのモデル、Gitの状態、作業ディレクトリ、コンテキストウィンドウの使用状況を表示する、Rust製の軽量ステータスライン。
短い返答をデフォルトで表示し、フレーズをクリックするとその場で展開できるClaude Codeプラグイン。
AIコーディングエージェントに届く前にシェルコマンドの出力を絞り込み、圧縮するCLIプロキシ。トークン消費を削減します。
libghosttyをベースにしたmacOSネイティブのターミナル。縦型タブ、エージェント対応の通知、AIコーディングエージェントを並行実行するためのスクリプト可能なCLIを備えています。