CtrlK
BlogDocsLog inGet started
Tessl Logo

testland/visual-baseline-conventions

Reference catalog for visual regression coverage decisions - which Storybook stories or pages get baselines, how to choose breakpoints, when to mask vs adjust threshold, when to add or remove a baseline, and a decision matrix for picking among Percy / Chromatic / Playwright / Storybook test-runner. Use when designing visual coverage for a new project or auditing an existing baseline set.

80

Quality

100%

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

100%

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

A well-organized, high-signal reference catalog: lean tables, concrete config values and API names, clearly sequenced decision guidance, and coherent single-file structure. It assumes competence and stays actionable without padding.

DimensionReasoningScore

Conciseness

The body is a dense, table-driven reference that assumes Claude's competence (referencing config values and APIs without explaining basics) and avoids concept filler; only mild redundancy between inline anti-patterns and the summary table keeps it from being flawless.

3 / 3

Actionability

As an instruction-only reference it gives concrete, specific guidance: exact config values (maxDiffPixels 50-200, threshold 0.2->0.3), named APIs (caret:'hide', page.waitForSelector), and copy-ready naming templates and breakpoint suffixes.

3 / 3

Workflow Clarity

Decision workflows are clearly sequenced, including the explicit 'wait -> mask -> threshold' preference order, always/never rules for baseline updates, and a stability-based warn->block promotion checkpoint.

3 / 3

Progressive Disclosure

No bundle files exist; the skill is a self-contained catalog organized into clear, navigable section headers with no nested file references, which is appropriate for a compact single-file reference.

3 / 3

Total

12

/

12

Passed

Description

100%

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, specific description that clearly states both the capability (visual regression coverage decision catalog) and explicit usage triggers, naming the relevant engines. It is concise, third person, and avoids vague fluff.

DimensionReasoningScore

Specificity

The description enumerates multiple concrete coverage decisions (which stories/pages get baselines, breakpoint choice, mask vs threshold, add/remove baselines, and an engine selection matrix), matching the 'lists multiple specific concrete actions' anchor.

3 / 3

Completeness

It explicitly answers 'what' (a reference catalog for coverage decisions) and 'when' via the explicit 'Use when designing visual coverage for a new project or auditing an existing baseline set' trigger clause.

3 / 3

Trigger Term Quality

It uses natural terms a user would say for visual regression work (Percy, Chromatic, Playwright, Storybook, baselines, breakpoints, visual coverage), giving good coverage of engine names and core concepts.

3 / 3

Distinctiveness Conflict Risk

It carves a clear 'which baselines / where' niche distinct from engine-specific 'how' skills, with specific engine triggers making overlap with unrelated skills unlikely.

3 / 3

Total

12

/

12

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