Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →managedcode/playwright-visual-testing
Add, repair, or review Playwright visual regression tests for browser-facing .NET apps, including screenshot baselines, Pixelmatch thresholds, deterministic rendering, and GitHub Actions artifacts. USE FOR: toHaveScreenshot, page.screenshot visual checks, Pixelmatch/pngjs comparison scripts, visual baseline updates, screenshot diff triage, or CI workflows for UI regression screenshots. DO NOT USE FOR: pure unit tests, accessibility audits, browser-debugging sessions, or frontend linting.
Passed 15 of 20 test cases with the skill, and 12 of 20 without it.
and 5 more in the full report
5 fixed11 passed either way4 still failing2 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 5 test cases the skill fixed. Same model, same prompt, with and without the skill.
Our team wants to speed up PR reviews by having GitHub Actions automatically generate and commit updated baseline screenshots whenever a visual snapshot test fails on a pull request branch. How should we configure our PR workflow?
| Checked | Without skill | With skill |
|---|---|---|
| Rejects automatically creating or updating visual baseline snapshots in pull-request CI workflows. | Missed | Passed |
| Advises uploading actual, expected, and diff image artifacts for human review. | Missed | Passed |
The instructions your model reads when the skill loads.
webhintchrome-devtools-mcpbiome, eslint, stylelint, or htmlhintv1.62.1 fixes TypeScript configuration resolution regressions, accessibility snapshots that dropped names or image-style actionable elements, and branded primitive arguments passed to page.evaluate(). Re-run config discovery, accessibility snapshots, and TypeScript compile checks before accepting new visual baselines.--update-snapshots as an intentional local review action. Pull-request CI should retain expected, actual, diff, trace, and report artifacts instead of silently accepting a new baseline.flowchart TD
A["Need visual regression coverage"] --> B{"Uses Playwright Test"}
B -->|"Yes"| C["Prefer expect(page).toHaveScreenshot"]
B -->|"No or custom compare needed"| D["Capture page.screenshot output"]
D --> E["Compare with pixelmatch and pngjs"]
C --> F["Stabilize viewport, data, animation, and volatile regions"]
E --> F
F --> G["Commit reviewed baselines"]
G --> H["Run in CI and upload reports or image diffs"]
H --> I["Triage expected, actual, and diff before changing thresholds"]
test cases passed, vs 12 / 20 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.