Scaffold Playwright visual regression test suites with toHaveScreenshot.
npx skills add https://github.com/Dragoon0x/dragoon-skills --skill diff-dragoon0x
Please help me install this Agent Skill. Skill: diff Source: https://github.com/Dragoon0x/dragoon-skills/tree/main/skills/diff Command: npx skills add https://github.com/Dragoon0x/dragoon-skills --skill diff-dragoon0x
Manually setting up visual regression test suites for web applications is time-consuming and error-prone, requiring careful configuration of screenshot capture, baseline management, and pixel diffing logic. This Skill automates the entire scaffolding process so you can focus on testing your UI instead of writing test infrastructure from scratch.
Use the diff skill to scaffold a Playwright visual regression test suite for your project's key routes.
High-intent search queries and answers about installing and using this skill.
You can scaffold Playwright visual regression tests by automatically generating the required test configuration, route list, and spec file that leverages toHaveScreenshot for pixel-level diffing against committed baselines.
Visual regression testing captures full-page screenshots of specified routes and compares them against committed baselines to detect unintended UI drift, layout shifts, or broken components across key pages.
Yes, you can specify custom route lists for Playwright screenshot comparisons using the --routes flag to capture specific pages and generate a spec file that loops through the defined routes.
No, you do not need to manually configure baseline management. The Skill eliminates the time-consuming setup of screenshot capture and pixel diffing logic by automating the test harness generation.
The best way to set up automated UI testing for a major UI refactor is to automatically scaffold a Playwright visual regression suite that catches unintended design changes across all key pages by comparing full-page screenshots against committed baselines.
nickhou1983Automate visual regression testing of web UIs with Playwright pixel diffs.
hffmnnjCompare screenshots pixel-by-pixel to detect unintended UI changes.
MarcoAntoliniAutomate end-to-end and component testing of web applications with Playwright.
robit-manCreate, store, version, and compare regression test baselines across functional, visual, performance, and API contract types.
