Cloudflare Browser Rendering MCP Server logo

Cloudflare Browser Rendering MCP Server

by amotivv

This MCP server provides tools for fetching and processing web content using Cloudflare Browser Rendering for use as context in LLMs. It's designed to work with both Claude and Cline client environments.

View on GitHub

Last updated: N/A

What is Cloudflare Browser Rendering MCP Server?

This is an MCP (Model Context Protocol) server that enables Large Language Models (LLMs) to access and process web content using Cloudflare's Browser Rendering service. It provides tools to fetch web pages, extract structured data, summarize content, and even capture screenshots.

How to use Cloudflare Browser Rendering MCP Server?

First, deploy the provided Cloudflare Worker (puppeteer-worker.js) to your Cloudflare account, configuring the necessary bindings (Browser Rendering and KV namespace for screenshots). Then, configure the MCP server within Claude Desktop or Cline by adding the server configuration to the respective settings file, ensuring the BROWSER_RENDERING_API environment variable points to your deployed Cloudflare Worker URL. Once configured, you can use the provided tools (fetch_page, search_documentation, etc.) within your LLM prompts.

Key features of Cloudflare Browser Rendering MCP Server

  • Web Content Fetching

  • Documentation Search

  • Structured Content Extraction

  • Content Summarization

  • Screenshot Capture

  • Integration with Claude and Cline

  • Comprehensive Logging

Use cases of Cloudflare Browser Rendering MCP Server

  • Providing up-to-date information to LLMs

  • Enabling LLMs to answer questions based on web content

  • Automating data extraction from websites

  • Generating summaries of web pages for LLMs

  • Visualizing web pages within LLM applications

FAQ from Cloudflare Browser Rendering MCP Server

How do I resolve 'BROWSER_RENDERING_API environment variable is not set'?

Ensure you've set the correct URL to your Cloudflare Worker in the MCP server configuration within Claude Desktop or Cline.

What should I do if I encounter 'Cloudflare worker API is unavailable or not configured'?

Verify that your Cloudflare Worker is deployed and running. Check that the URL in the MCP configuration is correct and accessible.

How can I fix 'Browser binding is not available'?

Ensure that you've configured the Browser Rendering binding in your Cloudflare Worker settings.

What does 'SCREENSHOTS KV binding is not available' mean and how can I resolve it?

This means you haven't configured the KV namespace binding in your Cloudflare Worker. Add the KV namespace binding named SCREENSHOTS.

Where can I find the logs for the MCP server?

For Claude Desktop, check the logs in ~/Library/Logs/Claude/mcp*.log (macOS) or %APPDATA%\Claude\Logs\mcp*.log (Windows). For Cline, logs appear in the output console of the VSCode extension.