cloudflare-browser-rendering

Automate headless browser rendering via Cloudflare Browser Rendering API.

1|Updated Oct 31, 2025
One-click install
npx skills add https://github.com/alex-tgk/saasaas --skill cloudflare-browser-rendering-alex-tgk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cloudflare-browser-rendering
Source: https://github.com/alex-tgk/saasaas/tree/main/.claude/skills/cloudflare-browser-rendering
Command: npx skills add https://github.com/alex-tgk/saasaas --skill cloudflare-browser-rendering-alex-tgk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @cloudflare/puppeteer, @cloudflare/workers-playwright, @stagehand-ai/stagehand, @cloudflare/ai, hono.

What problem does it solve?

Automating headless browsers for tasks like screenshots, PDF generation, or web scraping often involves managing complex infrastructure and scaling issues. This Skill leverages Cloudflare's Browser Rendering API to provide a serverless, scalable solution for browser automation.

Core Features & Use Cases

  • Web Content Capture: Generate high-quality screenshots (PNG, JPEG, WebP) and PDFs from any webpage.
  • Dynamic Data Extraction: Scrape content from JavaScript-heavy sites, extract structured data, and convert pages to Markdown.
  • AI & Automation Integration: Integrate with Cloudflare Workers (Puppeteer/Playwright), MCP servers for LLM agents, and AI-powered automation with Stagehand.
  • Use Case: Create a daily PDF report of a dynamic dashboard, capturing its current state and saving it to Cloudflare R2 storage.

Quick Start

Use the cloudflare-browser-rendering skill to take a full-page screenshot of 'https://skills.rest' and save it as a PNG.

Frequently Asked Questions about cloudflare-browser-rendering

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate screenshots and PDFs from web pages automatically?

Headless browser automation captures screenshots in PNG, JPEG, or WebP formats and generates PDFs from any webpage. This Skill uses Cloudflare's Browser Rendering API to handle screenshot and PDF generation serverlessly, eliminating infrastructure management while supporting full-page captures and custom rendering options.

Can I scrape dynamic content from JavaScript-heavy websites?

Yes. Web scraping with headless browser automation executes JavaScript before extraction, enabling data collection from sites that render content client-side. This Skill scrapes dynamic content, extracts structured data, converts pages to Markdown, and supports session reuse for stateful interactions.

How do I integrate browser automation with AI agents and LLMs?

Browser automation integrates with AI workflows through MCP servers, Stagehand for autonomous agents, and REST endpoints. This Skill connects headless browser tasks—screenshots, content extraction, link detection, JSON parsing—to AI-powered automation and LLM-driven decision-making.

Does this work with Puppeteer and Playwright on Cloudflare Workers?

Yes. Cloudflare Workers support both Puppeteer and Playwright via bindings for serverless browser automation. This Skill abstracts these libraries into REST endpoints and MCP integration, enabling browser rendering tasks without managing browser lifecycle code directly.

What endpoints and authentication does the API provide?

The REST API exposes endpoints for /screenshot, /pdf, /content, /markdown, /scrape, /links, /json, and /snapshot with Bearer token authentication, rate limiting, and session storage-state caching. This enables secure, rate-controlled access to browser rendering functions across workflows.

Can I cache and reuse browser sessions for multiple operations?

Yes. Session reuse and storage-state caching reduce overhead for repeated browser operations and stateful workflows. This Skill supports session persistence, enabling efficient multi-step automation like authenticated scraping or multi-page capture without reinitializing the browser each time.