drio
Open app

Cloudflare Browser Rendering MCP Server

Source

This MCP server provides tools for interacting with Cloudflare Browser Rendering, allowing you to fetch and process web content for use as context in LLMs directly from Cline or Claude Desktop.

Catalog onlyCatalog onlySTDIO

Overview

Cloudflare Browser Rendering MCP Server is a tool that allows users to fetch and process web content using Cloudflare's Browser Rendering capabilities, specifically designed for integration with LLMs like Claude and Cline.

To use the MCP server, you need to install it via Smithery or clone the repository, install dependencies, and deploy a Cloudflare Worker. After configuration, you can access various tools to interact with web content.

  • Web Content Fetching: Fetch and process web pages for LLM context. - Documentation Search: Search Cloudflare documentation and return relevant content. - Structured Content Extraction: Extract structured content from web pages using CSS selectors. - Content Summarization: Summarize web content for concise LLM context. - Screenshot Capture: Take screenshots of web pages.
  1. Fetching and summarizing web pages for LLM input.
  2. Searching documentation for specific queries.
  3. Extracting structured data from web pages for analysis.
  4. Capturing screenshots for visual references.

Add to your AI client

Use these steps to connect Cloudflare Browser Rendering MCP Server 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": {
    "cloudflare-browser-rendering-mcp-amotivv": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-cloudflare-browser-rendering-mcp-amotivv"
      ]
    }
  }
}

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": {
    "cloudflare-browser-rendering-mcp-amotivv": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-cloudflare-browser-rendering-mcp-amotivv"
      ]
    }
  }
}

Claude Code

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

.mcp.json (project root)

{
  "mcpServers": {
    "cloudflare-browser-rendering-mcp-amotivv": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-cloudflare-browser-rendering-mcp-amotivv"
      ]
    }
  }
}

VS Code (Copilot)

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

.vscode/mcp.json

{
  "servers": {
    "cloudflare-browser-rendering-mcp-amotivv": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-cloudflare-browser-rendering-mcp-amotivv"
      ]
    }
  }
}

Windsurf

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

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "cloudflare-browser-rendering-mcp-amotivv": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-cloudflare-browser-rendering-mcp-amotivv"
      ]
    }
  }
}

Cline

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

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "cloudflare-browser-rendering-mcp-amotivv": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-cloudflare-browser-rendering-mcp-amotivv"
      ]
    }
  }
}

FAQ

What are the prerequisites for using this server?

You need Node.js v18 or higher and a Cloudflare account with Browser Rendering API access.

Is there a specific configuration needed for Claude Desktop and Cline?

Yes, you need to configure the MCP server settings in their respective configuration files.

How can I troubleshoot common issues?

The server provides comprehensive logging and common troubleshooting steps for configuration errors.7:["$","div",null,{"className":"container mx-auto flex flex-col gap-4","children":["$L26","$L27",["$","$L28",null,{"currentProject":{"id":2472,"uuid":"36ff02df-8b41-41a4-bd44-554be723eedc","name":"cloudflare-browser-rendering-mcp","title":"Cloudflare Browser Rendering MCP Server","description":"This MCP server provides tools for interacting with Cloudflare Browser Rendering, allowing you to fetch and process web content for use as context in LLMs directly from Cline or Claude Desktop.","avatar_url":"https://avatars.githubusercontent.com/u/132207510?v=4","created_at":"2025-03-13T08:12:37.205Z","updated_at":"2025-03-13T12:39:59.169Z","status":"created","author_name":"amotivv","author_avatar_url":"https://avatars.githubusercontent.com/u/132207510?v=4","tags":"[]","category":"developer-tools","is_featured":false,"sort":1,"url":"https://github.com/amotivv/cloudflare-browser-rendering-mcp","target":"_self","content":"$29","summary":"$2a","img_url":"https://camo.githubusercontent.com/f5d80003da328a1cb690f36fb1a6a4128baac8b4922f7321296b26f83a7b0068/68747470733a2f2f736d6974686572792e61692f62616467652f40616d6f746976762f636c6f7564666c6172652d62726f777365722d72656e646572696e672d6d6370","type":null,"metadata":"{\"star\":\"0\",\"license\":\"MIT license\",\"language\":\"TypeScript\",\"is_official\":false,\"latest_commit_time\":\"2025-03-13 16:05:28\"}","user_uuid":null,"tools":null,"sse_url":null,"sse_provider":null,"sse_params":null,"is_official":false,"server_command":null,"server_params":null,"server_config":null,"allow_call":false,"is_innovation":false,"is_dxt":false,"dxt_manifest":null,"dxt_file_url":null,"is_audit":false},"randomProjects":[],"currentServerKey":"$undefined"}]]}]

Developer tools