CtrlK
BlogDocsLog inGet started
Tessl Logo

testland/playwright-snapshots

Authors Playwright `expect(page).toHaveScreenshot()` assertions, configures masks / clips / threshold / maxDiffPixels per test, manages the per-OS / per-browser snapshot directory, and runs the update flow with `--update-snapshots`; references/ carry the responsive-breakpoint viewport matrix (one project per breakpoint, cross-breakpoint matrix report, plus Chromatic / Percy / Storybook test-runner viewport syntax). Use when the project ships self-hosted visual regression coverage in Playwright (no external snapshot service), or needs a unified multi-viewport breakpoint matrix.

72

Quality

91%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

Overview
Quality
Evals
Security
Files

Quality

Content

86%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A well-structured, executable skill body with clear workflows, validation on the destructive update flow, and clean progressive disclosure to a verified reference file. The options table and a few prose asides could be tightened slightly for token efficiency.

Suggestions

Tighten the toHaveScreenshot options table by dropping self-evident defaults (e.g. the default values already shown in prose) to reduce token cost.

Trim restating prose like 'This is the self-hosted option - no external service...' and 'if: always() is critical' since the code and section headers already convey it.

Consider moving the full GitHub Actions workflow block into the reference file, keeping only a minimal CI-stub inline in SKILL.md.

DimensionReasoningScore

Conciseness

Lean body that largely assumes Claude's competence, but the full toHaveScreenshot options table and some explanatory prose ('This is the self-hosted option', 'if: always() is critical') add a little padding that could be trimmed.

4 / 5

Actionability

Copy-paste-ready executable TypeScript and shell snippets cover the common cases (page/locator assertions, mask, maxDiffPixels, clip, config, update flow, CI workflow), matching the fully-executable anchor.

5 / 5

Workflow Clarity

The destructive --update-snapshots flow is clearly sequenced with an explicit validation checkpoint ('Always review the diff of the baselines in your PR'), and the CI-matching section gives a two-option decision path; minor checkpoint gaps keep it just below a 5.

4 / 5

Progressive Disclosure

Clear overview in SKILL.md with a single, well-signaled one-level-deep reference to references/responsive-breakpoints.md (a real file), with the bulk of the viewport-matrix detail correctly split out.

5 / 5

Total

18

/

20

Passed

Description

92%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A highly specific, complete description with explicit 'what' and 'Use when' triggers and a clear niche distinct from hosted visual-regression services. The only minor gap is a few natural synonym trigger terms.

DimensionReasoningScore

Specificity

Lists multiple concrete actions ('Authors ... toHaveScreenshot() assertions, configures masks / clips / threshold / maxDiffPixels, manages the per-OS / per-browser snapshot directory, and runs the update flow with --update-snapshots'), matching the comprehensive-coverage anchor.

5 / 5

Completeness

Explicitly answers 'what' with a multi-action list and 'when' via a concrete 'Use when ...' clause naming self-hosted Playwright visual regression and the multi-viewport matrix need.

5 / 5

Trigger Term Quality

Strong natural terms ('visual regression coverage', 'Playwright', 'snapshot', 'breakpoint matrix') plus API/CLI tokens, but a few natural user phrasings (e.g. 'screenshot tests', 'visual diffs') are missing, so it sits just below the comprehensive anchor.

4 / 5

Distinctiveness Conflict Risk

Clear niche (self-hosted Playwright visual regression, explicitly 'no external snapshot service') distinguished from Chromatic/Percy, giving minimal conflict risk.

5 / 5

Total

19

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Reviewed

Table of Contents