MCP Fetch

by JeremyNixon
Verified
# MCP Fetch [![smithery badge](https://smithery.ai/badge/@kazuph/mcp-fetch)](https://smithery.ai/server/@kazuph/mcp-fetch) Model Context Protocol server for fetching web content and processing images. This allows Claude Desktop (or any MCP client) to fetch web content and handle images appropriately. ## Quick Start (For Users) To use this tool with Claude Desktop, simply add the following to your Claude Desktop configuration (`~/Library/Application Support/Claude/claude_desktop_config.json`): ```json { "tools": { "fetch": { "command": "npx", "args": ["-y", "@kazuph/mcp-fetch"] } } } ``` This will automatically download and run the latest version of the tool when needed. ### Required Setup 1. Enable Accessibility for Claude: - Open System Settings - Go to Privacy & Security > Accessibility - Click the "+" button - Add Claude from your Applications folder - Turn ON the toggle for Claude This accessibility setting is required for automated clipboard operations (Cmd+V) to work properly. ## For Developers The following sections are for those who want to develop or modify the tool. ## Prerequisites - Node.js 18+ - macOS (for clipboard operations) - Claude Desktop (install from https://claude.ai/desktop) - tsx (install via `npm install -g tsx`) ## Installation ### Installing via Smithery To install MCP Fetch for Claude Desktop automatically via [Smithery](https://smithery.ai/server/@kazuph/mcp-fetch): ```bash npx -y @smithery/cli install @kazuph/mcp-fetch --client claude ``` ### Manual Installation ```bash git clone https://github.com/kazuph/mcp-fetch.git cd mcp-fetch npm install npm run build ``` ## Image Processing Specifications When processing images from web content, the following limits are applied: - Maximum 6 images per group - Maximum height of 8000 pixels per group - Maximum size of 30MB per group If content exceeds these limits, images will be automatically split into multiple groups, and you'll need to paste (Cmd+V) multiple times. ## Configuration 1. Make sure Claude Desktop is installed and running. 2. Install tsx globally if you haven't: ```bash npm install -g tsx # or pnpm add -g tsx ``` 3. Modify your Claude Desktop config located at: `~/Library/Application Support/Claude/claude_desktop_config.json` You can easily find this through the Claude Desktop menu: 1. Open Claude Desktop 2. Click Claude on the Mac menu bar 3. Click "Settings" 4. Click "Developer" Add the following to your MCP client's configuration: ```json { "tools": { "fetch": { "args": ["tsx", "/path/to/mcp-fetch/index.ts"] } } } ``` ## Available Tools - `fetch`: Retrieves URLs from the Internet and extracts their content as markdown. Images are automatically processed and prepared for clipboard operations. ## Notes - This tool is designed for macOS only due to its dependency on macOS-specific clipboard operations. - Images are processed using Sharp for optimal performance and quality. - When multiple images are found, they are merged vertically with consideration for size limits. - Animated GIFs are automatically handled by extracting their first frame.