Web Screenshot & PDF Export for Openclaw

A powerful automated tool for capturing high-fidelity, full-page web screenshots and PDF exports from any public URL.

jiaonvmo-maker
v1.1.3
Mar 21, 2026
0
2.6k
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install web-screenshot

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install web-screenshot 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 Web Screenshot & PDF Export?

The web-screenshot skill is a professional-grade utility designed for Openclaw Skills users who need to archive, document, or verify web content visually. By leveraging a headless Playwright engine, it navigates to target URLs, waits for JavaScript execution to ensure a complete render, and generates pixel-perfect PNG, JPG, or PDF files.

This skill is particularly optimized for modern web environments, handling complex layouts and Chinese-language content (such as Baidu, Zhihu, and WeChat) with ease. Whether you are conducting competitive research, performing QA visual regression testing, or simply creating offline archives of online articles, this tool provides a reliable and automated bridge between the live web and your local storage.

Web Screenshot & PDF Export Use Cases

  • Creating visual archives of social media posts from platforms like Zhihu or WeChat.
  • Automating full-page captures for website QA, UI audits, and visual comparison reports.
  • Converting long-form web articles or documentation into portable A4 PDF documents.
  • Capturing search engine results pages (SERPs) for SEO tracking and analysis.
  • Generating quick snapshots of public URLs for inclusion in technical reports or presentations.

How Web Screenshot & PDF Export Works

  1. The user provides a target URL and specifies the desired output format (Viewport PNG, Full-page PNG, or PDF).
  2. The skill launches a headless Chromium instance via Playwright with specialized arguments to bypass common sandbox restrictions.
  3. The browser navigates to the URL and waits for the 'domcontentloaded' event to ensure the core structure is ready.
  4. A smart delay (defaulting to 2000ms) is applied to allow for dynamic JavaScript assets and images to finish rendering.
  5. The tool captures the visual state, applying 'printBackground' settings for PDFs or 'fullPage' scrolling for long screenshots.
  6. The final file is saved to a timestamped path for easy retrieval and management.

Web Screenshot & PDF Export Setup

To use this Openclaw Skills asset, ensure you have Node.js and Playwright available. The skill can be executed via the provided shell script:

# Install dependencies (if not already cached)
npx playwright install chromium

# Basic Usage
bash skills/web-screenshot/scripts/screenshot.sh <url> [output-path]

# Full-page screenshot
bash skills/web-screenshot/scripts/screenshot.sh https://example.com /tmp/full.png --fullpage

# Export as PDF
bash skills/web-screenshot/scripts/screenshot.sh https://example.com /tmp/page.pdf --pdf

Web Screenshot & PDF Export Data Schema & Taxonomy

The skill generates files with a structured naming convention and utilizes temporary storage for processing.

Data Type Default Location Format / Naming
Screenshot /tmp/openclaw/ screenshot_YYYYMMDD_HHMMSS.png
PDF Export /tmp/openclaw/ screenshot_YYYYMMDD_HHMMSS.pdf
Metadata Internal Log Captured URL, timestamp, and render status

Files typically range from 100KB to 300KB+ depending on the complexity and length of the page content.

Web Screenshot & PDF Export Advanced Features

  • Full-Page Capture: Automatically scrolls through the entire document to capture long-form content beyond the initial viewport.
  • PDF Print Optimization: Includes background colors and images by enabling the printBackground flag during generation.
  • Headless Execution: Runs in a --no-sandbox environment, making it compatible with server-side environments and CI/CD pipelines.
  • Customizable Rendering: Users can manually adjust wait times to accommodate heavy dynamic content or slow-loading assets.
  • Multi-format Support: Flexible output options including standard viewport snapshots, full-length images, and A4-ready PDF documents.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*