CtrlK
BlogDocsLog inGet started
Tessl Logo

visual-testing

Visual regression testing with Chromatic, Lost Pixel, and Playwright snapshots. Use when detecting UI changes, maintaining visual consistency, reviewing design changes, or setting up screenshot comparison in CI/CD.

63

Quality

79%

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

Fix and improve this skill with Tessl

tessl review fix ./.claude/skills/visual-testing/SKILL.md

The canonical home for this skill is visual-testing in fernandezbaptiste/Skrillz

SKILL.md
Quality
Evals
Security

Quality

Content

63%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.

The body is code-rich and largely actionable, with clearly sequenced workflows for all three tools. Its main weaknesses are duplicated Playwright content, missing validation/caution around baseline-overwriting operations, and a References section where two of three links point to non-existent files.

Suggestions

Fix the References section to match the actual bundle: rename 'lost-pixel-self-hosted.md' to the real 'lost-pixel-setup.md', create or remove 'playwright-snapshots.md', and consider adding a chromatic reference since 'chromatic-setup.md' exists but is never linked.

Deduplicate the Playwright snapshot guidance: keep one canonical set of toHaveScreenshot examples and baseline-update commands, and point the Chromatic and Built-in sections at it instead of repeating them.

Add a verification step before baseline updates (e.g., inspect the diff report before running '--update-snapshots' or '--auto-accept-changes'), since these silently overwrite visual baselines.

DimensionReasoningScore

Conciseness

Mostly efficient code-first content, but noticeably redundant: the Playwright toHaveScreenshot pattern is demonstrated twice in full (Chromatic-with-Playwright section and the Built-in Snapshots section), baseline-update commands appear twice ('npx playwright test --update-snapshots' in both places), and closing filler like the ASCII PR-workflow diagram and the bolded tagline add tokens without new information. This fits 'mostly efficient but could be tightened' rather than the leaner anchor 4.

3 / 5

Actionability

Largely copy-paste-ready: install commands, playwright.config.ts and lostpixel.config.ts snippets, CI YAML, and Docker files are complete and executable. Minor gaps keep it below 5: the Chromatic config uses a nonstandard 'use: { screenshot: "on" }' option and a 'chromatic' Playwright reporter whose wiring isn't validated anywhere, and 'npx chromatic --auto-accept-changes' is presented without explaining its blast radius.

4 / 5

Workflow Clarity

Sequences are clear: a numbered 4-step Quick Start, a PR workflow with an explicit review checkpoint (approve/reject in Chromatic UI), and baseline-management commands. Not a 5 because the baseline-update workflows (overwriting baselines, 'git commit -m "Update visual baselines"', auto-accept-changes) are semi-destructive batch operations presented without any verification or caution step.

4 / 5

Progressive Disclosure

The body is well-sectioned with a dedicated References list, but scored against the actual bundle: of the three referenced files, two paths are broken — 'references/lost-pixel-self-hosted.md' (actual file is lost-pixel-setup.md) and 'references/playwright-snapshots.md' (does not exist). Additionally, substantial tool-specific detail (full Lost Pixel Docker/CI setup, best-practices recipes) is inlined in SKILL.md when the bundle structure suggests it belongs in the reference files. Broken navigation plus inline content that should be split fits anchor 3 better than anchor 4.

3 / 5

Total

14

/

20

Passed

Description

87%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 strong description: it states a clear what, includes an explicit and multi-trigger 'Use when...' clause with natural terminology, and carves out a distinct visual-regression niche. The only room for improvement is adding a few more synonyms (visual diff, snapshot testing) to widen trigger coverage.

DimensionReasoningScore

Specificity

The description names the domain ('Visual regression testing') with three concrete tools ('Chromatic, Lost Pixel, and Playwright snapshots') and lists several specific use-case actions ('detecting UI changes, maintaining visual consistency, reviewing design changes, or setting up screenshot comparison'). Not a 5 because the 'what' is a single domain statement rather than multiple distinct concrete actions (e.g., configure, run builds, review diffs).

4 / 5

Completeness

Explicitly answers both: what ('Visual regression testing with Chromatic, Lost Pixel, and Playwright snapshots') and when ('Use when detecting UI changes, maintaining visual consistency, reviewing design changes, or setting up screenshot comparison in CI/CD') with concrete trigger phrases. Written in third person, matching the anchor-5 example structure exactly; not below because nothing is vague or implied.

5 / 5

Trigger Term Quality

Good coverage of natural phrases users would say: 'UI changes', 'visual consistency', 'design changes', 'screenshot comparison', 'CI/CD', plus tool names (Chromatic, Lost Pixel, Playwright). Not a 5 because a few natural synonyms are missing, e.g., 'visual diff', 'snapshot testing', 'storybook'.

4 / 5

Distinctiveness Conflict Risk

Clear niche (visual regression/screenshot comparison) with named tools and distinct triggers like 'detecting UI changes' and 'visual consistency', which a user would not say when needing a generic testing or CI skill. Minor overlap risk with a general Playwright E2E skill exists via the Playwright mention, but the framing keeps it distinct; this fits anchor 5 better than anchor 4.

5 / 5

Total

18

/

20

Passed

Validation

93%

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

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

referenced_paths_exist

Referenced path issues: 2 missing

Warning

Total

15

/

16

Passed

Repository
fernandezbaptiste/Skrillz
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.