Puppeteer Screenshot Diff Engine

---
name: "Puppeteer Screenshot Diff Engine"
slug: "puppeteer-screenshot-diff-engine"
description: "Visual regression testing using Puppeteer page.screenshot() with pixelmatch comparison. Leverages CDP sessions via page.createCDPSession() for precise viewport emulation and network throttling."
github_stars: 94115
verification: "security_reviewed"
source: "https://github.com/puppeteer/puppeteer"
author: "Puppeteer"
category: "Browser Automation"
framework: "Claude Code"
tool_ecosystem:
  github_repo: "puppeteer/puppeteer"
  github_stars: 94115
  npm_package: "puppeteer"
  npm_weekly_downloads: 40191842
---

# Puppeteer Screenshot Diff Engine

Visual regression testing using Puppeteer page.screenshot() with pixelmatch comparison. Leverages CDP sessions via page.createCDPSession() for precise viewport emulation and network throttling.

## Installation

Use the upstream install or setup path that matches your environment:
- npm i puppeteer # Downloads compatible Chrome during installation.
- npm i puppeteer-core # Alternatively, install as a library, without downloading Chrome.

Basic usage or getting-started notes:
- bash npm2yarn
- ## MCP
- a Puppeteer-based MCP server for browser automation and debugging.

- Source: https://github.com/puppeteer/puppeteer
- Extracted from upstream docs: https://raw.githubusercontent.com/puppeteer/puppeteer/HEAD/README.md

## Documentation

- https://pptr.dev/

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/puppeteer-screenshot-diff-engine/)