Skip to main content

​
WebMCP Documentation via MCP

Connect your AI agent to WebMCP documentation for instant access to guides, examples, and API references
Give your AI assistant access to the complete WebMCP documentation through our Model Context Protocol (MCP) server. Your agent can explore the docs, find code examples, and help you implement WebMCP features.

​
What is MCP?

MCP is a protocol for integrating tools with AI agents. It greatly enhances the capabilities of your AI agents by providing them with real-time data and context. The WebMCP documentation MCP server allows your AI assistant to explore and search this documentation site. When connected, your agent can help you by finding relevant guides, pulling up code examples, and answering questions about WebMCP implementation.

​
How does it work?

You need an MCP-capable agent environment to connect to the WebMCP documentation server. Popular options include Claude Desktop, Claude Code, Cursor, Windsurf, and ChatGPT. Once connected, your AI assistant can explore the documentation to help you:
  • Find relevant guides and tutorials
  • Locate specific code examples and patterns
  • Answer questions about WebMCP features and APIs
  • Troubleshoot integration issues
  • Understand best practices and implementation details

​
Connecting to the Documentation Server

The WebMCP documentation is available via MCP at https://docs.mcp-b.ai/mcp. When your client supports direct URL configuration, use: 
https://docs.mcp-b.ai/mcp
For command-based configuration, use: 
{
  "mcpServers": {
    "WebMCP Docs": {
      "command": "npx",
      "args": ["mcp-remote", "https://docs.mcp-b.ai/mcp"]
    }
  }
}

​
Setup Instructions by Client

Run the following command in your terminal:
claude mcp add --transport http "WebMCP Docs" "https://docs.mcp-b.ai/mcp"
Once added, Claude Code can explore the WebMCP documentation to help you implement features, debug issues, and find code examples.
See the Claude Code documentation for more ways to optimize your WebMCP development workflow.
  1. Go to Settings → Connectors
  2. Click Add custom connector
  3. Name it “WebMCP Docs”
  4. Add https://docs.mcp-b.ai/mcp as the server URL
  5. Click Save
  6. Click Connect to connect to the documentation server
Claude Desktop can now explore and reference the WebMCP documentation in your conversations.
In .cursor/mcp.json in your project root, add:
{
  "mcpServers": {
    "WebMCP Docs": {
      "url": "https://docs.mcp-b.ai/mcp"
    }
  }
}
Restart Cursor to enable documentation access for your AI assistant.
In mcp_config.json, add:
{
  "mcpServers": {
    "WebMCP Docs": {
      "command": "npx",
      "args": ["mcp-remote", "https://docs.mcp-b.ai/mcp"]
    }
  }
}
Restart Windsurf to enable documentation access for your AI assistant.
Add the following to your ~/.codex/config.toml:
[mcp_servers.webmcp_docs]
command = "npx"
args = ["-y", "mcp-remote", "https://docs.mcp-b.ai/mcp"]
Restart Codex to enable documentation access for your AI assistant.
MCP is only available for paid users in beta on ChatGPT web, by enabling Developer Mode.
  1. Enable Developer Mode in ChatGPT settings
  2. Go to Settings → Connectors
  3. Click Add MCP server
  4. Add https://docs.mcp-b.ai/mcp as the server URL
  5. Name it “WebMCP Docs”
  6. Click Save and Connect
ChatGPT can now explore the WebMCP documentation during conversations.
If you’re using the Cline extension for VS Code:
  1. Open VS Code settings
  2. Navigate to Cline extension settings
  3. Find MCP Servers configuration
  4. Add a new server with:
    • Name: WebMCP Docs
    • URL: https://docs.mcp-b.ai/mcp
  5. Save and restart VS Code
Alternatively, edit your Cline configuration file directly:
{
  "mcpServers": {
    "WebMCP Docs": {
      "url": "https://docs.mcp-b.ai/mcp"
    }
  }
}

​
What Your Agent Can Do

Once connected to the documentation server, your AI assistant can:

Search Documentation

Find relevant pages, code examples, and API references instantly

Get Code Examples

Access tested TypeScript and JavaScript examples for all WebMCP features

Understand Best Practices

Learn recommended patterns for tool registration, security, and performance

Troubleshoot Issues

Get help with common integration problems and debugging techniques

​
Example Usage

After connecting the WebMCP MCP server, you can ask your AI assistant questions like:
  • “How do I register a tool with WebMCP in React?”
  • “Show me how to set up the tab transport”
  • “What’s the best way to validate tool parameters?”
  • “Why isn’t my tool appearing in Claude Desktop?”
  • “How do I handle errors in WebMCP tool handlers?”
  • “What are common CORS issues with WebMCP?”
  • “How does WebMCP’s architecture work?”
  • “What’s the difference between client and server transports?”
  • “How do I secure my WebMCP implementation?”

​
Resources

MCP Documentation

Learn more about the Model Context Protocol

WebMCP Quickstart

Get started with WebMCP in your application

GitHub Repository

View source code and contribute

Discord Community

Get help and share your projects

​
Troubleshooting

  • Ensure you have an active internet connection
  • Verify the URL is correct: https://docs.mcp-b.ai/mcp
  • Try restarting your AI client application
  • Check if your firewall or proxy is blocking the connection
  • Confirm the MCP server is connected in your client settings
  • Try disconnecting and reconnecting the server
  • Restart your AI client application
  • Check the client’s MCP server logs for errors
  • The MCP server provides the latest published documentation
  • If you notice discrepancies, please report them on our GitHub issues
Have questions or issues? Join our Discord community or open an issue on GitHub.