Cloudflare browser rendering

Learn how to use Cloudflare browser rendering with Composio

Overview

SLUG: CLOUDFLARE_BROWSER_RENDERING

Description

Cloudflare Browser Rendering enables developers to programmatically control and interact with headless browser instances running on Cloudflare’s global network, facilitating tasks such as automating browser interactions, capturing screenshots, generating PDFs, and extracting data from web pages.

Authentication Details

subdomain
stringRequired
generic_api_key
stringRequired

Connecting to Cloudflare browser rendering

Create an auth config

Use the dashboard to create an auth config for the Cloudflare browser rendering toolkit. This allows you to connect multiple Cloudflare browser rendering accounts to Composio for agents to use.

1

Select App

Navigate to [Cloudflare browser rendering](https://platform.composio.dev?next_page=/marketplace/Cloudflare browser rendering).

2

Configure Auth Config Settings

Select among the supported auth schemes of and configure them here.

3

Create and Get auth config ID

Click “Create Cloudflare browser rendering Auth Config”. After creation, copy the displayed ID starting with ac_. This is your auth config ID. This is not a sensitive ID — you can save it in environment variables or a database. This ID will be used to create connections to the toolkit for a given user.

Connect Your Account

Using API Key

1from composio import Composio
2
3# Replace these with your actual values
4cloudflare_browser_rendering_auth_config_id = "ac_YOUR_CLOUDFLARE_BROWSER_RENDERING_CONFIG_ID" # Auth config ID created above
5user_id = "0000-0000-0000" # UUID from database/app
6
7composio = Composio()
8
9def authenticate_toolkit(user_id: str, auth_config_id: str):
10 # Replace this with a method to retrieve an API key from the user.
11 # Or supply your own.
12 user_api_key = input("[!] Enter API key")
13
14 connection_request = composio.connected_accounts.initiate(
15 user_id=user_id,
16 auth_config_id=auth_config_id,
17 config={"auth_scheme": "API_KEY", "val": {"generic_api_key": user_api_key}}
18 )
19
20 # API Key authentication is immediate - no redirect needed
21 print(f"Successfully connected Cloudflare browser rendering for user {user_id}")
22 print(f"Connection status: {connection_request.status}")
23
24 return connection_request.id
25
26
27connection_id = authenticate_toolkit(user_id, cloudflare_browser_rendering_auth_config_id)
28
29# You can verify the connection using:
30connected_account = composio.connected_accounts.get(connection_id)
31print(f"Connected account: {connected_account}")

Tools

Executing tools

To prototype you can execute some tools to see the responses and working on the [Cloudflare browser rendering toolkit’s playground](https://app.composio.dev/app/Cloudflare browser rendering)

Python
1from composio import Composio
2from openai import OpenAI
3import json
4
5openai = OpenAI()
6composio = Composio()
7
8# User ID must be a valid UUID format
9user_id = "0000-0000-0000" # Replace with actual user UUID from your database
10
11tools = composio.tools.get(user_id=user_id, toolkits=["CLOUDFLARE_BROWSER_RENDERING"])
12
13print("[!] Tools:")
14print(json.dumps(tools))
15
16def invoke_llm(task = "What can you do?"):
17 completion = openai.chat.completions.create(
18 model="gpt-4o",
19 messages=[
20 {
21 "role": "user",
22 "content": task, # Your task here!
23 },
24 ],
25 tools=tools,
26 )
27
28 # Handle Result from tool call
29 result = composio.provider.handle_tool_calls(user_id=user_id, response=completion)
30 print(f"[!] Completion: {completion}")
31 print(f"[!] Tool call result: {result}")
32
33invoke_llm()

Tool List

Tool Name: Capture Screenshot

Description

Tool to capture a webpage screenshot. Use when you need a visual snapshot of a URL or HTML with optional viewport and clipping.

Action Parameters

account_id
stringRequired
cacheTTL
integer
html
string
screenshotOptions
object
url
string
viewport
object

Action Response

data
objectRequired
error
string
successful
booleanRequired

Tool Name: List Accounts

Description

Tool to list all Cloudflare accounts accessible. Use to retrieve a valid account_id for further browser rendering actions.

Action Parameters

direction
string
name
string
page
integerDefaults to 1
per_page
integerDefaults to 20

Action Response

data
objectRequired
error
string
successful
booleanRequired

Tool Name: Scrape HTML Elements

Description

Tool to scrape HTML elements for text, HTML, attributes, and box metrics. Use when you need detailed data of matched selectors after rendering a page.

Action Parameters

account_id
stringRequired
actionTimeout
integer
cacheTTL
integer
elements
arrayRequired
html
string
url
string

Action Response

data
objectRequired
error
string
successful
booleanRequired

Tool Name: Take Webpage Snapshot

Description

Tool to capture rendered HTML and screenshot of a webpage. Use when you need both DOM content and an image in one request with custom loading and capture settings.

Action Parameters

account_id
stringRequired
actionTimeout
integer
addScriptTag
array
addStyleTag
array
allowRequestPattern
array
allowResourceTypes
array
authenticate
object
bestAttempt
boolean
cacheTTL
integer
cookies
array
emulateMediaType
string
gotoOptions
object
html
string
rejectRequestPattern
array
rejectResourceTypes
array
screenshotOptions
object
setExtraHTTPHeaders
object
setJavaScriptEnabled
boolean
url
string
userAgent
string
viewport
object
waitForSelector
object
waitForTimeout
integer

Action Response

data
objectRequired
error
string
successful
booleanRequired