{
  "markdown": "# InChat Image Viewer MCP\n\n**The Problem:** GitHub Copilot Chat can't see images from file paths—only drag-and-drop works, breaking your workflow.\n\n**The Solution:** Give AI the file path in plain text, and it sees the image instantly using this MCP.\n\n## Why This Exists\n\n### What DOESN'T Work in VS Code Copilot Chat\n\n❌ **Plain file paths** → AI can't see them\n```\nShow me C:\\screenshots\\bug.png\n```\n*Result: AI sees text, not the image*\n\n❌ **`#file:` references** → Unreliable for images\n```\n#file:screenshot.png\n```\n*Result: Empty `<attachments>` - AI sees nothing*\n\n✅ **Drag-and-drop** → Works, but manual and disruptive\n*Result: AI sees image as base64 attachment, but you have to manually drag every single image*\n\n### What This MCP Solves\n\n✅ **Plain file paths with MCP** → AI sees images instantly\n```\n#image-viewer Show me C:\\screenshots\\bug.png\n```\n*Result: AI calls `view_image` tool and displays the image inline—no manual steps*\n\n---\n\n## How It Works: Before vs After\n\n### WITHOUT InChat Image Viewer MCP\n\n**You:** \"Analyze C:\\test-results\\failure-screenshot.png\"\n\n**AI receives:**\n```xml\n<attachments></attachments>  <!-- Empty! -->\n```\nJust sees the text path—no image data.\n\n**What you have to do:** Stop, drag the file into chat, drop it, then ask again.\n\n---\n\n### WITH InChat Image Viewer MCP\n\n**You:** \"#image-viewer Analyze C:\\test-results\\failure-screenshot.png\"\n\n**AI receives:**\n```json\n{\n  \"content\": [\n    {\n      \"type\": \"text\",\n      \"text\": \"Image: failure-screenshot.png (124,433 bytes)\"\n    },\n    {\n      \"type\": \"image\",\n      \"data\": \"iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4CAIAAABnsVYU...\",\n      \"mimeType\": \"image/png\"\n    }\n  ]\n}\n```\nAI sees the full image inline automatically.\n\n**What you do:** Nothing extra—just type naturally with `#image-viewer`.\n\n---\n\n## Features\n\n- 📸 **Path-to-image**: Type the path, AI sees the image\n- 🖼️ **Multi-format**: PNG, JPEG, GIF, BMP, WebP\n- ⚡ **Zero-config**: `npx inchat-image-viewer-mcp` just works\n- 🔌 **Works with**: VS Code Copilot Chat, Claude Desktop\n\n---\n\n## Quick Start\n\n### 1. Install (Optional)\n```bash\nnpm install -g inchat-image-viewer-mcp\n# or use npx (no install needed)\n```\n\n### 2. Add to Your AI Tool\n\n**VS Code Copilot Chat** – mcp.json:\n```json\n{\n  \"servers\": {\n    \"image-viewer\": {\n      \"command\": \"npx\",\n      \"args\": [\"inchat-image-viewer-mcp\"]\n    }\n  }\n}\n```\n\n**Claude Desktop** – Config file (`%APPDATA%\\Claude\\claude_desktop_config.json` on Windows):\n```json\n{\n  \"mcpServers\": {\n    \"image-viewer\": {\n      \"command\": \"npx\",\n      \"args\": [\"inchat-image-viewer-mcp\"]\n    }\n  }\n}\n```\n\n### 3. Restart\nReload VS Code or restart Claude Desktop to load the MCP server.\n\n---\n\n## Usage Examples\n\n```\n#image-viewer What's in C:\\Users\\me\\screenshot.png?\n```\n\n```\n#image-viewer Compare before.jpg and after.jpg in the results folder\n```\n\n```\n#image-viewer Debug this error screenshot: D:\\projects\\test-failures\\2026-01-20.png\n```\n\nThe AI automatically uses the `view_image` tool—no manual attachment needed.\n\n---\n\n## Supported Formats\n\nPNG · JPEG · GIF · BMP · WebP\n\n---\n\n## License\n\nMIT\n\n**Made with 🤖 by [Ibrahim Oguntola](https://github.com/OguntolaIbrahim)**\n\n---",
  "bytes": 3157,
  "sha": "b814a2d3686a261ba45d8c47578923883ba6bffa75e354398856f3e931eb1379",
  "repo_slug": "oguntolaibrahim/inchat-image-viewer-mcp",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/mcp_io_github_oguntolaibrahim_image_viewer_9cb78a46/readme"
}