How to integrate Cloudflare browser rendering MCP with Antigravity

How to integrate Cloudflare browser rendering MCP with Antigravity Antigravity IDE is Google's agentic IDE, built on a VS Code-style editor and powered by models like Gemini 3.5 Flash, Gemini 3.1 Pro, Opus 4.6, and more. It treats the AI agent as a first-class teammate, planning, coding, and validating work through an Agent Manager dashboard with deep browser connectivity. In this guide, I will explain the easiest and most secure way to connect your Cloudflare browser rendering account to Antigravity IDE via Composio Connect, so it can 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 without ever putting your account credentials at risk.

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

How to integrate Cloudflare browser rendering MCP with Antigravity

Antigravity IDE is Google's agentic IDE, built on a VS Code-style editor and powered by models like Gemini 3.5 Flash, Gemini 3.1 Pro, Opus 4.6, and more. It treats the AI agent as a first-class teammate, planning, coding, and validating work through an Agent Manager dashboard with deep browser connectivity.

In this guide, I will explain the easiest and most secure way to connect your Cloudflare browser rendering account to Antigravity IDE via Composio Connect, so it can 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 without ever putting your account credentials at risk.

Also integrate Cloudflare browser rendering with

ChatGPTOpenAI Agents SDKClaude Agent SDKClaude CodeClaude CoworkCodexOpenCodeCursorVS CodeOpenClawHermesCLIGoogle ADKLangChainVercel AI SDKMastra AILlamaIndexCrewAI

Why use Composio?

Composio provides:

  • Access to 1,000+ managed apps from a single MCP endpoint. This makes it convenient for agents to run cross-app workflows.
  • Programmatic tool calling. Allows LLMs to write code in a remote workbench to handle complex tool chaining. Reduces to-and-fro with LLMs for frequent tool calling.
  • Large tool response handling outside the LLM context. This minimizes context bloat from large tool responses.
  • Dynamic just-in-time access to thousands of tools across hundreds of apps. Composio loads the tools your agent needs, so LLMs are not overwhelmed by tools they do not need.

Connect Cloudflare browser rendering to Antigravity

Antigravity does not ship with one-click custom MCP install links yet, so configuration goes through the IDE's raw config file. The process takes under a minute.

1. Open the MCP Config

Go to Antigravity Settings, open the Customizations tab, then click Open MCP Config to open mcp_config.json in the editor.

Antigravity Customizations settings with Open MCP Config button

2. Get your API key

Go to the Composio Dashboard and copy your API key.

Composio Dashboard showing where to get the API key

3. Add Composio to mcp_config.json

Paste the following configuration into the file:

bash
{
  "mcpServers": {
    "remote-composio": {
      "serverUrl": "https://connect.composio.dev/mcp",
      "headers": {
        "x-consumer-api-key": "your-composio-api-key"
      }
    }
  }
}

Note: Antigravity uses serverUrl, not url, for remote HTTP-based MCP servers. This differs from the url key used in Cursor and VS Code configs.

Save the file and click refresh in the Installed MCP Servers section.

Antigravity showing Composio tools after MCP setup

Connect your Cloudflare browser rendering account

Back in the Antigravity agent panel, ask the agent to connect to Cloudflare browser rendering or give it any Cloudflare browser rendering-related task.

For example, ask 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"

It will prompt you to authenticate and authorize access to Cloudflare browser rendering.

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

Conclusion

You have successfully connected Cloudflare browser rendering to Antigravity using Composio Connect. Your agent can now use Cloudflare browser rendering securely without exposing credentials in prompts or local scripts.

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

ChatGPT logo

ChatGPT

Use Cloudflare browser rendering MCP with ChatGPT

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

Claude Code logo

Claude Code

Use Cloudflare browser rendering MCP with Claude Code

Claude Cowork logo

Claude Cowork

Use Cloudflare browser rendering MCP with Claude Cowork

Codex logo

Codex

Use Cloudflare browser rendering MCP with Codex

Cursor logo

Cursor

Use Cloudflare browser rendering MCP with Cursor

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

CLI logo

CLI

Use Cloudflare browser rendering MCP with CLI

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

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. Antigravity 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
Customer stories

Teams ship real agents on Composio

GET STARTED FOR FREEBOOK A DEMO
agent.aiZoomLettaGleanHubSpotAWSWabi

Karan skipped his own birthday party to fix our critical issue. It was 10pm and he diverted his Waymo to help us instead. This really sets the bar — it shows the commitment you need when users rely on your software.

Harsha Gaddipati
Harsha Gaddipati
Co-founder, Slashy

A lot of students tell us that the moment their connected tools start talking to each other inside Opennote feels almost magical. The agent just knows them, and it's immensely helped keep new users on the platform.

Abhi Arya
Abhi Arya
Co-founder, Opennote

We chose Composio over Pipedream because it delivered depth where it mattered — niche tools and tricky edge cases other platforms simply ignored. That gave us confidence to scale without compromising.

Nirman Dave
Nirman Dave
CEO, Zams

As a solo builder, shipping fast is life or death. The only way I can outcompete incumbents is by outmanoeuvring them. Getting bogged down managing agent auth would have been a death sentence.

Ryan Yu
Ryan Yu
Founder, Extra Thursday

Before Composio, adding tool integrations was slow and resource-intensive. Each one could take weeks of engineering time, and maintaining them meant constantly keeping up with API changes.

Tomisin Jenrola
Tomisin Jenrola
Founder & CEO, SwarmZero

With hands-on help from their founder, we integrated Gmail and Google Drive in just 30 minutes. This level of personal support and commitment is exactly what startups should strive for.

Jerome Leclanche
Jerome Leclanche
Co-Founder, Ingram Technologies