Puppeteer - OpenClaw Skill — OpenClaw Tutorials

Install Command

npx clawhub@latest install puppeteer

Installation Guide

Check Environment

Make sure Node.js 22+ and OpenClaw are installed. Run openclaw --version in your terminal to verify.

Run Installation

Run the install command above in your terminal. ClawHub will automatically download and install Puppeteer to the ~/.openclaw/skills/ directory.

Verify Installation

Run openclaw skills list to check your installed skills and confirm Puppeteer appears in the list.

Configure (Optional)

Follow the configuration instructions in the description below to add skill settings to ~/.config/openclaw/openclaw.json5.

Manual Installation: Copy the Skill folder to ~/.openclaw/skills/ or the skills/ directory in your project root. Make sure the folder contains a SKILL.md file.

Browser screenshots and PDF generation JavaScript console execution Web element clicking and form operations

Detailed Description

Puppeteer MCP server is based on Google's Puppeteer library, providing complete control over Chrome/Chromium browsers, supporting screenshots, navigation, script execution, and more — a classic solution for browser automation.

Core Features

Page Screenshot (puppeteer_screenshot): Take screenshots of the current page or specific elements, supporting full-page and region-specific screenshots, returning base64 image data
Page Navigation (puppeteer_navigate): Navigate to a specified URL with configurable wait conditions (load/networkidle, etc.)
JavaScript Execution (puppeteer_evaluate): Execute JavaScript code within the page context and get return values
Element Operations: Click (puppeteer_click), fill input fields (puppeteer_fill), select dropdown menus, scroll pages, and more
PDF Generation: Export the current page as a PDF file

Configuration

{
  "mcpServers": {
    "puppeteer": {
      "command": "npx",
      "args": ["-y", "@anthropic/puppeteer-mcp"]
      // Defaults to headless mode
    }
  }
}

Use Cases

Web screenshot service: Periodically capture webpages for reports or thumbnails
UI regression testing: Compare screenshots to detect visual page changes
Automated operations: Log into websites, fill forms, download files
Data scraping: Extract content from dynamic pages requiring JavaScript rendering

← Back to Skills List