How to integrate Cloudflare browser rendering MCP with Atomic Agent

Connect Atomic Agent 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.

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

Atomic Agent is an open-source AI agent that runs on your machine and supports local models through llama.cpp. Connect it to 1,500+ apps through Composio, including Cloudflare browser rendering.

This guide uses Atomic Agent's built-in Composio integration. You need Atomic Agent v0.5.6 or later, your own Composio API key, and a Cloudflare browser rendering account. See the Atomic Agent documentation for installation instructions.

Also integrate Cloudflare browser rendering with

How Atomic Agent connects to Cloudflare browser rendering

Atomic Agent connects to Composio's Tool Router over Streamable HTTP MCP. It discovers the tools needed for your request, and Composio handles account authentication.

Execution and account-connection tools follow Atomic Agent's configured approval policy. Review any approval prompt before allowing an action on your connected account.

Connect Cloudflare browser rendering to Atomic Agent

  1. Sign up or sign in to the Composio dashboard. Copy your API key.
  2. In Atomic Agent, open the Integrations tab and select Composio. Select API key, press e, paste the key, and press Enter. The tools become available immediately, without a restart.
  3. Ask Atomic Agent to do something in Cloudflare browser rendering. It searches Composio for the right tool.
  4. On first use, open the sign-in link returned in the chat. Connect your Cloudflare browser rendering account, then return to Atomic Agent to continue.

Headless setup

Add the following line to ~/.atomic-agent/.env, replacing YOUR_COMPOSIO_API_KEY with your key. Start Atomic Agent after saving the file.

bash
COMPOSIO_API_KEY=YOUR_COMPOSIO_API_KEY

What is the Cloudflare browser rendering MCP server, 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.

Use Cloudflare browser rendering from Atomic Agent

With your account connected, ask Atomic Agent to work with Cloudflare browser rendering in natural language. You can connect more apps through the same Composio integration as you need them.

Visit the Atomic Agent website or inspect the Atomic Agent source code.

Troubleshooting

Why is my API key rejected?

Copy the key directly from the Composio dashboard. Atomic Agent requires ASCII characters because it sends the key in an HTTP header. Remove any extra characters introduced when copying.

Why are Composio tools unavailable after saving a key?

Check that you use Atomic Agent v0.5.6 or later and that Composio is enabled in your configuration. A "composio": { "enabled": false } setting disables the integration while keeping the saved key on disk.

Does Composio have a free plan?

The Hobby plan includes 100,000 tool calls per month. Composio-managed OAuth apps have a lower included allowance. See Composio pricing for the current limits that apply to your connection.

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.

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. Atomic Agent 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