Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@view-image-mcpshow me the image at ./assets/screenshot.png"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
view-image-mcp
Claude Code から画像をターミナル内にインライン表示する MCP サーバー。
Kitty グラフィクスプロトコルを使用して、Ghostty や Kitty などの対応ターミナル上で画像を直接表示します。
対応環境
OS: macOS
ターミナル: Ghostty, Kitty（Kitty グラフィクスプロトコル対応ターミナル）
ランタイム: Node.js v18+
対応フォーマット
フォーマット | 対応方法 |
PNG | そのまま表示 |
JPEG |
|
GIF |
|
WebP |
|
インストール
Claude Code への登録
または ~/.claude.json に直接追記:
使い方
Claude Code 上で画像ファイルの表示を依頼すると、view_image ツールが呼ばれてターミナルにインライン表示されます。
ツール: view_image
パラメータ | 型 | 説明 |
| string | 画像ファイルのパス（絶対パスまたは相対パス） |
仕組み
MCP サーバーの stdout は Claude Code との JSON-RPC 通信に使われるため、画像データは /dev/tty に直接書き込むことでターミナルに表示しています。
ライセンス
MIT