A robust HTTP API interface for controlling headless Chrome instances within a Cloudflare Workers environment.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install cloudflare-browser
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install cloudflare-browser using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Cloudflare Browser Rendering Skill?
The Cloudflare Browser Rendering skill provides a high-level HTTP interface to manage headless Chrome instances without the complexity of WebSocket CDP connections. Designed to run within Cloudflare Workers, this skill enables developers to perform complex web interactions like full-page screenshots, automated form submission, and dynamic content navigation. By utilizing Openclaw Skills, you can bridge the gap between AI agents and the live web, allowing for real-time data extraction and automated browsing tasks.
This skill is particularly valuable for developers who need reliable browser automation that is both scalable and secure. It abstracts away the infrastructure of managing browser clusters, offering a simple set of endpoints to execute actions like clicking, typing, and running custom JavaScript on any webpage.
Cloudflare Browser Rendering Skill Use Cases
- Capturing high-quality screenshots and full-page renders for visual monitoring.
- Automating social media posts on platforms like X (Twitter), Threads, and note.com.
- Programmatic form filling for automated logins and checkout processes.
- Scraping dynamic, JavaScript-rendered content that traditional parsers cannot reach.
- Performing automated UI testing and functional verification of web applications.
How Cloudflare Browser Rendering Skill Works
- The skill receives an HTTP POST request containing target URLs and specific browser actions.
- It authenticates the request using a secure CDP_SECRET passed via query parameters.
- A headless browser session is initiated through the Cloudflare Browser Rendering API.
- The skill executes the defined sequence of actions, such as navigating to a page, waiting for specific selectors, or clicking buttons.
- Upon completion, the skill gathers the results—including extracted text, HTML, or base64-encoded images—and returns them in a structured JSON format.
Cloudflare Browser Rendering Skill Setup
To get started with this skill, ensure your Cloudflare environment is configured and set the necessary environment variables:
export MOLTBOT_URL="https://your-worker.workers.dev"
export CDP_SECRET="your-secret"
You must have a Cloudflare Worker deployed with the Browser Rendering binding enabled to use these Openclaw Skills effectively.
Cloudflare Browser Rendering Skill Data Schema & Taxonomy
The skill organizes its data through structured JSON payloads for both requests and responses. Key components include:
| Data Component | Description |
|---|---|
| Viewport | Custom width and height settings for the browser window. |
| Actions | An array of steps including click, type, wait, and screenshot. |
| Results | Extracted text content, page titles, and final URLs after navigation. |
| Screenshots | Base64-encoded image data in PNG or JPEG format. |
| Metadata | Information on execution time, success status, and error logs. |
Cloudflare Browser Rendering Skill Advanced Features
- Complex Action Sequences: Execute multiple steps (login, navigate, post) in a single API call.
- Custom JavaScript Execution: Run arbitrary scripts within the browser context to manipulate DOM elements.
- Smart Selectors: Use
waitForSelectorto handle asynchronous page loads and dynamic elements. - Multi-Agent Integration: Chain this skill with other Openclaw Skills to create end-to-end AI automation pipelines.
- Flexible Rendering: Support for different image formats and quality settings for performance optimization.
SKILL.md
Loading
Related Openclaw Skills
Changelog RSS
A utility that converts CHANGELOG.md files into RSS 2.0 feeds to enable automated project release monitoring.
Config Diff
A structural comparison tool for analyzing and merging YAML, JSON, TOML, and INI configuration files.
Business Automation Skill
An AI-powered automation engine designed to connect enterprise tools, create complex pipelines, and eliminate manual business tasks.
Browser Bookmarks Manager
A command-line driven utility for analyzing, cleaning, and organizing large browser bookmark export files.
Coconala Seller Automation Skill
A comprehensive automation skill for managing the end-to-end sales lifecycle on the Coconala marketplace using AI-driven browser interactions.
Code Documentation Generator
Automatically transform your codebase into comprehensive API references and user guides with minimal manual effort.
Featured*
