A high-performance utility for capturing complete, high-resolution webpage screenshots including lazy-loaded elements via Puppeteer.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install full-webpage-screenshot
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 full-webpage-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 Full Webpage Screenshot?
The Full Webpage Screenshot skill is a specialized automation tool designed for developers and AI agents within the Openclaw Skills ecosystem. It leverages Puppeteer to render websites and capture their entire vertical length, ensuring that modern web design patterns like lazy-loading and infinite scroll are properly triggered and documented.
By integrating this tool, users can bypass the limitations of standard viewport captures. It provides a robust, scriptable interface to generate visual assets for audits, design reviews, or historical documentation, making it an essential component for any automated web workflow.
Full Webpage Screenshot Use Cases
- Generating full-length visual audits for website design and layout reviews.
- Capturing high-resolution screenshots of landing pages for marketing portfolios.
- Documenting dynamic content that requires scrolling to trigger lazy-load scripts.
- Creating mobile vs. desktop visual comparisons for responsive design testing.
- Automating visual regression captures within a CI/CD or agentic workflow.
How Full Webpage Screenshot Works
- The skill initializes a headless Chromium instance via Puppeteer using specified viewport dimensions.
- It navigates to the target URL and waits for the initial network idle state.
- A specialized scrolling algorithm is executed to move through the page, triggering any lazy-loaded images or dynamic elements.
- After an optional delay to ensure rendering is complete, the tool captures a full-bleed PNG image.
- It outputs a JSON object containing the file path and image dimensions for programmatic follow-up tasks.
Full Webpage Screenshot Setup
To integrate this into your Openclaw Skills collection, navigate to the scripts directory and install the necessary dependencies:
cd ~/.openclaw/skills/full-webpage-screenshot/scripts
npm install
Ensure you have Node.js 18+ installed on your system to support the Puppeteer runtime.
Full Webpage Screenshot Data Schema & Taxonomy
The skill produces a structured JSON output upon successful capture, facilitating easy integration with other Openclaw Skills.
| Key | Type | Description |
|---|---|---|
| success | Boolean | Indicates if the capture was successful |
| path | String | The absolute local path to the generated PNG file |
| width | Number | Final width of the captured image |
| height | Number | Total vertical height of the full-page capture |
Full Webpage Screenshot Advanced Features
- Environment variable overrides for VIEWPORT_WIDTH and VIEWPORT_HEIGHT to simulate any device.
- Adjustable SCROLL_DELAY to handle sites with heavy parallax or complex animation triggers.
- WAIT_AFTER parameter to allow slow-loading third-party scripts or fonts to finalize.
- Seamless integration with workspace directories for automated file management.
SKILL.md
Loading
Related Openclaw Skills
Cflow
A powerful integration for managing Cflow business workflows, record entries, and automated approval processes directly through an AI agent.
Stock Top Gainers
An automated market analysis tool that identifies the top 20 A-share stocks with the highest gains over the last 10 trading days, excluding high-risk ST shares.
Dockerfile Reviewer
A professional-grade auditing tool that identifies security vulnerabilities and build inefficiencies in Docker configurations.
OpenClaw-Kilo-Agent
A high-performance execution agent that handles heavy-duty coding tasks and complex browser automation workflows via the Kilo CLI.
Lumail Email Marketing SDK & CLI
A comprehensive developer toolset for managing email marketing campaigns, subscribers, and transactional messaging through a CLI or TypeScript SDK.
Battlecard: Competitive Intelligence
A comprehensive sales enablement toolkit that provides real-time competitive intelligence and interactive AI-driven sales practice simulations.
Featured*
