Capture Website for Openclaw

A command-line utility for capturing web screenshots and sharing them through automated messaging workflows.

silencezx007
v1.0.0
Feb 25, 2026
0
1.7k
0

Install & Download

1. ClawHub CLI

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

npx clawhub@latest install capture-website

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 capture-website 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 Capture Website?

The Capture Website skill is a powerful tool designed for Openclaw Skills users who need to programmatically capture visual data from the web. By wrapping the capture-website-cli, it allows AI agents or developers to generate high-fidelity screenshots of any URL, ranging from social media threads on X (formerly Twitter) to complex news sites and dashboards.

This skill is particularly valuable for workflows requiring visual evidence, documentation, or monitoring. Once a screenshot is captured, it is stored within the local workspace, making it immediately available for processing or distribution via messaging platforms like Discord and Feishu. Using this skill within the Openclaw Skills ecosystem streamlines the bridge between web content and communication channels.

Capture Website Use Cases

  • Capturing specific social media posts or news articles for archival and reporting.
  • Generating full-page screenshots of web designs for UI/UX review sessions.
  • Automating visual status updates from live dashboards to be sent to team communication channels.
  • Emulating mobile devices to verify responsive website layouts automatically.

How Capture Website Works

  1. The user provides a URL and optional configuration parameters (like dimensions or dark mode).
  2. The skill invokes the capture-website-cli to render the webpage in a headless browser environment.
  3. A screenshot is generated and saved to the designated Openclaw Skills workspace directory.
  4. The agent retrieves the file path and uses a messaging tool to deliver the image to the end-user.

Capture Website Setup

To use this skill, you must have Node.js installed on your system. Install the required global dependency using the following command:

npm install -g capture-website-cli

Ensure that your environment has the necessary permissions to write to the Openclaw Skills workspace folder, typically located at ~/.openclaw/workspace/.

Capture Website Data Schema & Taxonomy

The skill manages captures through specific output parameters and system paths. Below is the metadata taxonomy for captured files:

Parameter Description Default/Example
output The local file system path for the image /home/user/.openclaw/workspace/screenshot.png
type The image file format png or jpeg
width / height Viewport dimensions in pixels 1280 x 800
delay Seconds to wait after page load 2
emulate-device String identifying a specific device profile "iPhone X"

Capture Website Advanced Features

  • Full-Page Rendering: Capture the entire height of a webpage, not just the visible viewport.
  • Element Targeting: Use --wait-for-element to ensure specific DOM elements are loaded before the shutter clicks.
  • Dark Mode Emulation: Trigger CSS media queries for dark mode to see how sites appear in night themes.
  • Device Emulation: Seamlessly switch between desktop and mobile user agents and viewports.
  • Integration Hooks: Automatically pipe captured images into Openclaw Skills messaging agents for instant Discord or Feishu notifications.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*