cloudflare-browser

Render dynamic web pages and extract text, screenshots, or MP4 video via CDP.

Updated Aug 27, 2026

Search Tags:#video #cdp #cloudflare #screenshot #text-extraction #headless-browser #page-rendering

Ready to run

npx skills add https://github.com/jihwan97-hash/jino-memory --skill cloudflare-browser-jihwan97-hash

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: cloudflare-browser
Source: https://github.com/jihwan97-hash/jino-memory/tree/main/skills/cloudflare-browser
Command: npx skills add https://github.com/jihwan97-hash/jino-memory --skill cloudflare-browser-jihwan97-hash

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires ws, and includes scripts (resource) components.

What problem does it solve?

Renders JavaScript-heavy web pages and extracts readable text, screenshots, and video assets for validation and automation.

Core Features & Use Cases

Headless rendering of dynamic pages via Cloudflare Browser Rendering to access JS-rendered content.
Text extraction and content capture: read-page.js for clean text, getHTML, getText, and content-like outputs.
Multi-URL video capture: video.js to stitch frames into an MP4 for demonstrations.

Quick Start

Run node read-page.js URL to render the page and extract the main text.

Frequently Asked Questions about cloudflare-browser

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

FAQPage Schema

How do I extract readable text from JavaScript-heavy web pages?▼

To extract readable text from JavaScript-heavy web pages, you can use headless Chrome rendering via CDP to fully render dynamic content before capturing the output. This approach navigates SPAs and executes scripts to access the final DOM text.

Can I capture screenshots of dynamic single page applications using a headless browser?▼

Yes, you can capture screenshots of dynamic single page applications by utilizing a headless browser connected via the Chrome DevTools Protocol. This method renders the page completely, allowing you to generate visual assets for verification of JS-heavy sites.

What is the best way to render multiple URLs and stitch the frames into an MP4 video?▼

The best way to render multiple URLs and stitch frames into an MP4 video is to use an automated multi-URL capture workflow via headless Chrome. This captures visual frames from each rendered page and compiles them into a video for demonstrations.

Do I need a CDP_SECRET to use Cloudflare Browser Rendering for page rendering?▼

Yes, a CDP_SECRET is required to establish a connection for Cloudflare Browser Rendering. This secret manages the CDP-assisted navigation and authentication needed to render dynamic pages and extract content securely.

How do I get clean HTML and text extraction from a fully rendered web page?▼

You can get clean HTML and text extraction from a fully rendered web page by running a script against the target URL. The headless browser renders the page via CDP, then executes specific extraction functions to return readable text and HTML outputs.

Does this headless browser approach work for automated content extraction tasks across many URLs?▼

Yes, this headless browser approach works for automated content extraction tasks across many URLs. It relies on CDP-assisted navigation to handle multi-URL workflows, rendering each JavaScript-heavy page to extract text and visual assets automatically.