What problem does it solve? Functional E2E tests confirm a checkout flow completes, but they cannot catch a broken layout, overlapping text, or missing buttons. This Skill adds visual regression testing so CSS and layout regressions are caught automatically before they reach production. ## Core Features & Use Cases - Zero-dependency screenshot testing: Uses Playwright's built-in toHaveScreenshot() with animation disabling, dynamic-content masking, and configurable pixel thresholds — no new packages required. - Baseline management workflow: Commits baseline snapshots to git, documents the deliberate --update-snapshots update process, and forbids auto-updating baselines in CI. - CI integration with diff artifacts: Adds a pinned Playwright Docker container job that uploads visual diff images on failure for review. - Use Case: After redesigning a marketing landing page, run the visual suite to confirm every critical page and component still renders correctly across desktop and mobile viewports, then update baselines as a deliberate commit. ## Quick Start Set up Playwright visual regression tests for my homepage and checkout form with committed baselines and a CI job.
