Inchat Image Viewer MCP

🚀 InChat Image Viewer MCP

GitHub Copilot Chatではファイルパスからの画像を参照できず、ドラッグ&ドロップでのみ画像を参照できるため、作業フローが妨げられます。このMCPを使用することで、AIに画像のファイルパスをテキストで渡すだけで、即座に画像を参照できるようになります。

🚀 クイックスタート

1. インストール (オプション)

npm install -g inchat-image-viewer-mcp
# またはnpxを使用する場合（インストール不要）

2. AIツールに追加

VS Code Copilot Chat – mcp.json:

{
  "servers": {
    "image-viewer": {
      "command": "npx",
      "args": ["inchat-image-viewer-mcp"]
    }
  }
}

Claude Desktop – 設定ファイル (%APPDATA%\Claude\claude_desktop_config.json on Windows):

{
  "mcpServers": {
    "image-viewer": {
      "command": "npx",
      "args": ["inchat-image-viewer-mcp"]
    }
  }
}

3. 再起動

VS Codeを再読み込みするか、Claude Desktopを再起動してMCPサーバーを読み込みます。

✨ 主な機能

• 📸 パス指定で画像参照：画像のパスを入力するだけで、AIが画像を参照できます。
• 🖼️ 複数フォーマット対応：PNG、JPEG、GIF、BMP、WebPに対応しています。
• ⚡ ゼロコンフィグ：npx inchat-image-viewer-mcp を実行するだけで使用できます。
• 🔌 対応ツール：VS Code Copilot Chat、Claude Desktopで使用できます。

💻 使用例

基本的な使用法

#image-viewer What's in C:\Users\me\screenshot.png?

#image-viewer Compare before.jpg and after.jpg in the results folder

#image-viewer Debug this error screenshot: D:\projects\test-failures\2026-01-20.png

AIは自動的に view_image ツールを使用し、手動での画像添付は不要です。

📚 ドキュメント

なぜこのツールが必要なのか

VS Code Copilot Chatで機能しない方法

❌ 単純なファイルパス → AIは画像を参照できません

Show me C:\screenshots\bug.png

結果: AIはテキストを認識し、画像を参照できません

❌ #file: 参照 → 画像に対しては信頼性が低い

#file:screenshot.png

結果: <attachments> が空 - AIは何も参照できません

✅ ドラッグ&ドロップ → 機能しますが、手動操作で作業フローを妨げます 結果: AIは画像をbase64添付として参照できますが、画像を1枚ずつ手動でドラッグする必要があります

このMCPが解決する問題

✅ MCPを使用した単純なファイルパス → AIは即座に画像を参照できます

#image-viewer Show me C:\screenshots\bug.png

結果: AIは view_image ツールを呼び出し、画像をインラインで表示します - 手動操作は不要です

動作原理: 導入前と導入後

InChat Image Viewer MCPを使用しない場合

あなた: "Analyze C:\test-results\failure-screenshot.png"

AIが受け取る内容:

<attachments></attachments>  <!-- 空! -->

AIはテキストパスのみを認識し、画像データを参照できません。

あなたが行う必要があること: 作業を中断し、ファイルをチャットにドラッグ&ドロップしてから、再度質問を行います。

InChat Image Viewer MCPを使用する場合

あなた: "#image-viewer Analyze C:\test-results\failure-screenshot.png"

AIが受け取る内容:

{
  "content": [
    {
      "type": "text",
      "text": "Image: failure-screenshot.png (124,433 bytes)"
    },
    {
      "type": "image",
      "data": "iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4CAIAAABnsVYU...",
      "mimeType": "image/png"
    }
  ]
}

AIは自動的に画像全体をインラインで参照できます。

あなたが行うこと: #image-viewer を使用して自然に入力するだけで、追加の操作は不要です。

サポートされるフォーマット

PNG · JPEG · GIF · BMP · WebP

📄 ライセンス

MIT

🤖 by Ibrahim Oguntola で作成