X (Twitter)LinkedInGitHubDiscordYouTube

How to connect Cloudflare browser rendering to Claude

Connect Claude Web, Desktop and Cowork to Cloudflare browser rendering MCP. Capture a full-page screenshot of example.com, extract all product prices from a category page, and more using natural language, with authentication handled for you.

Get started for freeGet a demo
Cloudflare browser rendering logoCloudflare browser rendering
Api Key

Cloudflare Browser Rendering lets you programmatically control headless browsers running on Cloudflare’s global network. It’s perfect for automating web interactions, capturing screenshots, and extracting web data at scale.

4 Tools

Introduction

Claude is Anthropic's AI assistant, available on the web, in the desktop app, and on mobile. Cowork is its agent for knowledge work, and it runs on all of those surfaces too. Connected to your apps, Claude can work with your files and services to accomplish complex tasks on your behalf.

This guide walks you through the easiest and most secure way to connect your Cloudflare browser rendering account to Claude via Composio Connect, enabling it to capture a full-page screenshot of example.com, extract all product prices from a category page, get the HTML and image of a login page, and more such actions on your behalf without compromising your account security.

Setup is the same on Claude Web, Desktop, and Cowork, and you only need to do it once. The connector is tied to your account, so it's available in all three.

Also integrate Cloudflare browser rendering with

Claude CodeCursorChatGPTAntigravityOpenAI Agents SDKClaude Agent SDKCodexGrok BuildVS CodeOpenCodeOpenClawHermesAtomic AgentPiDeepSeek HarnessGoogle ADKLangChainVercel AI SDKMastra AILlamaIndexCrewAIPydantic AIAutoGen

Connecting Cloudflare browser rendering to Claude Web, Desktop, and Cowork

Two ways to add the Composio connector. Pick whichever you prefer.

1. Add with one click

Click the button. Claude opens with the Composio connector filled in. Click Add, then go to step 2.

Add to Claude

Add manually

In Claude Desktop, click Customize in the left sidebar, then select Connectors and click the + icon at the top.

Claude Desktop connectors screen with Add custom connector selected

Click Add custom connector and paste in the Composio MCP server URL:

bash
https://connect.composio.dev/mcp
Add custom connector dialog with Composio MCP server URL

2. Authorize in your browser

Click Connect. You'll be redirected to a browser window where you can authorize Composio to continue.

Composio authorization screen for Claude Web, Desktop, and Cowork

3. Connect your Cloudflare browser rendering account

Back in Claude, ask it to connect to Cloudflare browser rendering or give it any Cloudflare browser rendering-related task.

For example, ask Claude to:

  • "Capture a full-page screenshot of example.com"
  • "Extract all product prices from a category page"
  • "Get the HTML and image of a login page"

It will prompt you to authenticate and authorize access.

That's it. Composio's tools are now available in Claude, and your Cloudflare browser rendering account is ready to use.

What is the Cloudflare browser rendering Claude Connector, and what's possible with it?

The Cloudflare browser rendering MCP server is an implementation of the Model Context Protocol that connects your AI agent and assistants like Claude, Cursor, etc directly to your Cloudflare browser rendering account. It provides structured and secure access to headless browser automation and rendering on Cloudflare’s global infrastructure, so your agent can capture screenshots, extract data, generate snapshots, and automate browser tasks on your behalf.

  • Automated webpage screenshot capture: Instantly instruct your agent to capture high-quality screenshots of any web page or HTML content with custom viewport and clipping options.
  • Combined DOM and visual snapshot generation: Direct your agent to create a full webpage snapshot with both the rendered HTML and an image, perfect for archiving or analysis.
  • Precise HTML element scraping: Ask your agent to extract specific text, HTML, attributes, or box metrics from rendered web pages using CSS selectors—ideal for detailed data collection or monitoring changes.
  • Account management automation: Enable your agent to fetch and manage all accessible Cloudflare accounts, making it easy to orchestrate browser rendering tasks across different environments.

Troubleshooting

1. Why does Claude not use the Composio connector for Cloudflare browser rendering?

The connector can show as connected, but Claude must use it in each Cloudflare browser rendering conversation.

  • Click + at the lower left of the chat, or type /.
  • Hover Connectors.
  • Turn on Composio.
  • Ask Claude to connect to Cloudflare browser rendering again.

2. Why does Claude show an MCP server error before Cloudflare browser rendering connects?

Claude can show Couldn't reach the MCP server or Authorization with the MCP server failed when you add the connector for Cloudflare browser rendering.

  • Check that the connector URL is https://connect.composio.dev/mcp.
  • Connectors run from Anthropic's cloud, so your device network is usually not the problem.
  • Add the connector again from Customize > Connectors, then ask Claude to connect Cloudflare browser rendering.
  • If it fails again, send the error and the ofid_ reference id to support@composio.dev.

3. Why does the Cloudflare browser rendering authorization link not work?

The Composio connector is one server. Your Cloudflare browser rendering account connects separately when Claude asks for it.

  • If the browser does not open, or the link expires, ask Claude to retry the Cloudflare browser rendering connection.
  • Composio creates a fresh Cloudflare browser rendering authorization link.
  • Open that link in your browser and finish the Cloudflare browser rendering sign-in.

4. Why do Cloudflare browser rendering actions fail after they worked before?

The Cloudflare browser rendering connection can expire or lose permission.

  • Ask Claude to inspect the Cloudflare browser rendering connection.
  • If the connection is unhealthy, disconnect it when Claude prompts you.
  • Reconnect the Cloudflare browser rendering account and retry the action.
  • If Claude shows a permission prompt, approve it before Claude changes data in Cloudflare browser rendering.
  • If the action still fails with a permission error, check that the connected account has that permission in Cloudflare browser rendering itself.

5. How do I switch to a different Cloudflare browser rendering account?

Claude can manage the Cloudflare browser rendering connection for you.

  • Ask Claude to disconnect or delete the current Cloudflare browser rendering account.
  • Ask Claude to connect Cloudflare browser rendering again.
  • Open the new Composio authorization link for Cloudflare browser rendering.
  • Sign in with the other Cloudflare browser rendering account in the browser.
  • After the account connects, ask Claude to retry the Cloudflare browser rendering task.

6. Why is my Cloudflare browser rendering connection missing in Claude Desktop or on a Team plan?

The connector belongs to your Claude account, so your Cloudflare browser rendering connection works in Claude Web, Desktop, and Cowork.

  • In Claude Desktop, open Customize > Connectors.
  • Next to Composio, click ⋮ and click Clear cache.
  • If Cloudflare browser rendering tools still do not appear, click ⋮, disconnect, remove the connector, and add it again.
  • On Team or Enterprise, an Owner or Primary Owner must enable the connector before you can connect Cloudflare browser rendering.
TOOLS

Supported Tools

Every Cloudflare browser rendering action and event your agent gets out of the box.

Capture Screenshot

Tool to capture a webpage screenshot.

List Accounts

List all Cloudflare accounts accessible to the authenticated API token.

Scrape HTML Elements

Tool to scrape HTML elements for text, HTML, attributes, and box metrics.

Take Webpage Snapshot

Capture both rendered HTML content and a screenshot of a webpage in a single request.

FRAMEWORKS

How to build Cloudflare browser rendering MCP Agent with another framework

Claude Code logo

Claude Code

Use Cloudflare browser rendering MCP with Claude Code

Cursor logo

Cursor

Use Cloudflare browser rendering MCP with Cursor

ChatGPT logo

ChatGPT

Use Cloudflare browser rendering MCP with ChatGPT

Antigravity logo

Antigravity

Use Cloudflare browser rendering MCP with Antigravity

OpenAI Agents SDK logo

OpenAI Agents SDK

Use Cloudflare browser rendering MCP with OpenAI Agents SDK

Claude Agent SDK logo

Claude Agent SDK

Use Cloudflare browser rendering MCP with Claude Agent SDK

Codex logo

Codex

Use Cloudflare browser rendering MCP with Codex

Grok Build logo

Grok Build

Use Cloudflare browser rendering MCP with Grok Build

VS Code logo

VS Code

Use Cloudflare browser rendering MCP with VS Code

OpenCode logo

OpenCode

Use Cloudflare browser rendering MCP with OpenCode

OpenClaw logo

OpenClaw

Use Cloudflare browser rendering MCP with OpenClaw

Hermes logo

Hermes

Use Cloudflare browser rendering MCP with Hermes

Atomic Agent logo

Atomic Agent

Use Cloudflare browser rendering MCP with Atomic Agent

Pi logo

Pi

Use Cloudflare browser rendering MCP with Pi

DeepSeek Harness logo

DeepSeek Harness

Use Cloudflare browser rendering MCP with DeepSeek Harness

Google ADK logo

Google ADK

Use Cloudflare browser rendering MCP with Google ADK

LangChain logo

LangChain

Use Cloudflare browser rendering MCP with LangChain

Vercel AI SDK logo

Vercel AI SDK

Use Cloudflare browser rendering MCP with Vercel AI SDK

Mastra AI logo

Mastra AI

Use Cloudflare browser rendering MCP with Mastra AI

LlamaIndex logo

LlamaIndex

Use Cloudflare browser rendering MCP with LlamaIndex

CrewAI logo

CrewAI

Use Cloudflare browser rendering MCP with CrewAI

Pydantic AI logo

Pydantic AI

Use Cloudflare browser rendering MCP with Pydantic AI

AutoGen logo

AutoGen

Use Cloudflare browser rendering MCP with AutoGen

FAQ

Frequently asked questions

With a standalone Cloudflare browser rendering MCP server, the agents and LLMs can only access a fixed set of Cloudflare browser rendering tools tied to that server. However, with the Composio Tool Router, agents can dynamically load tools from Cloudflare browser rendering and many other apps based on the task at hand, all through a single MCP endpoint.

Yes, you can. Claude Cowork fully supports MCP integration. You get structured tool calling, message history handling, and model orchestration while Tool Router takes care of discovering and serving the right Cloudflare browser rendering tools.

Yes, absolutely. You can configure which Cloudflare browser rendering scopes and actions are allowed when connecting your account to Composio. You can also bring your own OAuth credentials or API configuration so you keep full control over what the agent can do.

All sensitive data such as tokens, keys, and configuration is fully encrypted at rest and in transit. Composio is SOC 2 Type 2 compliant and follows strict security practices so your Cloudflare browser rendering data and credentials are handled as safely as possible.

Start with Cloudflare browser rendering.It takes 30 seconds.

Managed auth, hosted MCP servers, and every Cloudflare browser rendering tool your agent needs.Free to start.

Start building