What problem does it solve?
This skill enables automated browser-based tasks inside Cloudflare Browser Rendering, allowing you to render pages, capture screenshots, and generate video frames without leaving the Cloudflare environment. This simplifies automated testing, content capture, and archiving of web content.
Core Features & Use Cases
- Headless browser control via CDP over WebSocket to navigate to URLs, capture screenshots, and set viewport sizes.
- Video frame capture by stitching multiple screenshots for simple page walkthroughs or demonstrations.
- Use Case: Generate a quick demo video by visiting a list of URLs and exporting frames to a video file.
Quick Start
Use environment variables CDP_SECRET and WORKER_URL to configure access to Cloudflare Browser Rendering. Then run node scripts in the skills/cloudflare-browser directory, for example:
- Set secrets:
export CDP_SECRET=your-secret
export WORKER_URL=your-worker-url
- Take a screenshot:
node skills/cloudflare-browser/scripts/screenshot.js https://example.com output.png
- Create a video from multiple URLs:
node skills/cloudflare-browser/scripts/video.js "https://example.com,https://example.org" output.mp4 --fps 10 --scroll