Web MCP Server Configuration

MCP Client Configuration

• VS Code
• Cursor
• Claude Desktop
• Windsurf
• Trae
• Workers AI LLM Playground
• Online MCP Inspector

VS Code

VS Code supports using MCP services in Agent mode.

Steps, refer to the documentation: Use MCP servers in VS Code

1. Press Ctrl + Shift + P shortcut, and type MCP:
2. Select MCP: Add Server...
3. Select HTTP (HTTP or Server-Sent Events)
4. Paste the Web MCP service link, and press Enter to confirm

Reference configuration: Replace the URL below with the service URL copied from the Web MCP extension.

{
    "servers": {
        "web-mcp": {
            "type": "sse",
            "url": "https://web-mcp.xxx.xxx/sse/xxxxxxx-xxxx-xxxx-xxxxx-xxxxxxx"
        }
    }
}

Cursor

Steps, refer to the documentation Cursor - Configuring MCP Servers

1. Click the settings icon in the upper right corner of Cursor
2. Select MCP from the left-hand menu in the settings page
3. Click Add new global MCP server
4. Complete the configuration by referring to the code below (Please replace the URL below with the URL from the Web MCP extension)

{
  "mcpServers": {
    "server-name": {
      "url": "https://web-mcp.xxx.xxx/sse/xxxxxxx-xxxx-xxxx-xxxxx-xxxxxxx",
      "env": {}
    }
  }
}

Claude Desktop

As of now, Claude Desktop does not seem to support SSE/Streamable HTTP. You can use a local proxy to connect, refer to the documentation Connect your remote MCP server to Claude Desktop via a local proxy

{
  "mcpServers": {
    "math": {
      "command": "npx",
      "args": ["mcp-remote", "https://web-mcp.xxx.xxx/sse/xxxxxxx-xxxx-xxxx-xxxxx-xxxxxxx"]
    }
  }
}

Windsurf

Refer to the documentation Model Context Protocol (MCP)

1. Press Ctrl + Shift + P shortcut, and type MCP:
2. Select MCP: Add Server...
3. Select HTTP (server-sent events)
4. Paste the Web MCP service link, and press Enter to confirm

Reference configuration:

{
  "mcpServers": {
    "web-mcp": {
      "serverUrl": "https://web-mcp.xxx.xxx/sse/xxxxxxx-xxxx-xxxx-xxxxx-xxxxxxx"
    }
  }
}

Trae

Refer to the documentation Model Context Protocol (MCP)

1. Press Ctrl + Shift + P shortcut, and type MCP:
2. Select "Open MCP Config (JSON)"
3. Add Web MCP by referring to the configuration below

{
    "mcpServers": {
        "web-mcp": {
            "type": "sse",
            "url": "https://web-mcp.koyeb.app/sse/39aae7a3-a4ae-40bc-bd4d-49efad5e990b"
        }
    }
}

Workers AI LLM Playground

Workers AI LLM Playground is an AI web-based chat tool that can be used directly in a web browser without downloading a client. Some models support MCP.

1. Select a model labeled MCP from the Model dropdown list.
2. Enter the Web MCP connection in the input box under "MCP Servers".
3. Click the "Connect" button.

Online MCP Inspector

Online MCP Inspector is a web-based MCP development and debugging tool provided by Web MCP. It requires no installation and can be opened and used in a web browser at any time.

Online MCP Inspector can be seen as an MCP Client, but it is not AI-driven. It supports both SSE and Streamable HTTP MCP Servers.