Fetch MCP

MCP server for fetch web page content using Playwright headless browser.

Catalog onlyCatalog onlySTDIO

Overview

Fetch MCP is a server designed to fetch web page content using the Playwright headless browser, enabling users to retrieve and process web content efficiently.

To use Fetch MCP, run the command npx -y github:jae-jae/fetch-mcp in your terminal to start the server and configure it as needed in your application.

fetch_url: Retrieve web page content from a specified URL. - Intelligent extraction of main content and conversion to Markdown. - Customizable parameters for fetching, including timeout and content extraction options.

Scraping content from news websites for aggregation.
Extracting data from e-commerce sites for analysis.
Converting web articles into Markdown format for documentation.

Add to your AI client

Use these steps to connect Fetch MCP in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.

Cursor

Add this to your .cursor/mcp.json file in your project root, then restart Cursor.

.cursor/mcp.json

{
  "mcpServers": {
    "fetch-mcp-jae-jae": {
      "command": "npx",
      "args": [
        "-y",
        "fetcher-mcp"
      ]
    }
  }
}

Claude Desktop

Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "fetch-mcp-jae-jae": {
      "command": "npx",
      "args": [
        "-y",
        "fetcher-mcp"
      ]
    }
  }
}

Claude Code

Add this to your project's .mcp.json file. Claude Code will detect it automatically.

.mcp.json (project root)

{
  "mcpServers": {
    "fetch-mcp-jae-jae": {
      "command": "npx",
      "args": [
        "-y",
        "fetcher-mcp"
      ]
    }
  }
}

VS Code (Copilot)

Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.

.vscode/mcp.json

{
  "servers": {
    "fetch-mcp-jae-jae": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "fetcher-mcp"
      ]
    }
  }
}

Windsurf

Add this to your Windsurf MCP config file, then restart Windsurf.

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "fetch-mcp-jae-jae": {
      "command": "npx",
      "args": [
        "-y",
        "fetcher-mcp"
      ]
    }
  }
}

Cline

Open Cline settings, navigate to MCP Servers, and add this server configuration.

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "fetch-mcp-jae-jae": {
      "command": "npx",
      "args": [
        "-y",
        "fetcher-mcp"
      ]
    }
  }
}

FAQ

What is Playwright?

Playwright is a Node.js library to automate the Chromium, WebKit, and Firefox browsers with a single API.

Can I customize the fetching parameters?

Yes! You can customize parameters like timeout, content extraction, and maximum length of the returned content.

Is Fetch MCP free to use?

Yes! Fetch MCP is open-source and free to use.

Developer tools