# Puppeteer Visual Regression Tester

> Automates visual regression testing using Puppeteer page.screenshot() with pixelmatch diffing. Captures full-page screenshots at multiple viewport sizes and generates HTML diff reports with highlighted change regions.

- Skill: `agentskillexchange/puppeteer-visual-regression-tester` (Agent Skill)
- Install (CLI): `npx skillmds@latest add agentskillexchange/puppeteer-visual-regression-tester`
- Raw SKILL.md: https://api.skillmd.com/api/skills/agentskillexchange/puppeteer-visual-regression-tester/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: agentskillexchange (https://skillmd.com/u/agentskillexchange)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/agentskillexchange/puppeteer-visual-regression-tester

---


# Puppeteer Visual Regression Tester

Automates visual regression testing using Puppeteer page.screenshot() with pixelmatch diffing. Captures full-page screenshots at multiple viewport sizes and generates HTML diff reports with highlighted change regions.

## 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-visual-regression-tester/)