CtrlK
BlogDocsLog inGet started
Tessl Logo

economical-visual-tests

Author economical visual tests — full visual coverage in the fewest billable snapshots. Applies to any per-snapshot visual tool (UI Verify, Chromatic, Percy, Playwright screenshots), which all bill and diff per rendered story/test. Use when a component's variants/states are exploding into one snapshot per combination, when the visual-testing bill or noise is driven by snapshot count, or when writing new stories/captures and you want the cheapest layout that still covers every variant. Covers gallery/matrix stories, data-driven states, and the coarse-granularity tradeoff.

77

Quality

96%

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

SKILL.md
Quality
Evals
Security

Quality

Content

93%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 compact, highly actionable body: executable gallery and data-driven-state examples, an honest tradeoff section, and a legible 'estimate the win' pattern. The only minor gap is the absence of explicit validation checkpoints, which are not strictly required for this non-destructive authoring task.

Suggestions

Add a brief verification note after the examples (e.g., confirm the single story renders all variants and the snapshot count dropped) to nudge workflow_clarity from 4 to 5.

Consider a one-line 'when NOT to consolidate' checklist alongside the tradeoff prose to make the keep-separate decision a scannable rule rather than a paragraph.

DimensionReasoningScore

Conciseness

Lean and efficient: the billing-model framing and the '30 snapshots the naive way' example are domain insight Claude doesn't already know, not padded basics, and the code examples are tight. Every token earns its place.

5 / 5

Actionability

Two copy-paste-ready TSX examples (the AllVariants gallery and the AllStates data-driven fixture story) plus concrete merge/keep-separate tradeoff rules and anti-pattern-to-move mappings fully cover the common cases.

5 / 5

Workflow Clarity

Move 1 and Move 2 are clearly sequenced with an explicit consolidation tradeoff, but there are no validation/checkpoint steps — acceptable here since authoring stories is neither destructive nor batch/XML/db, so the cap-at-3 rule does not apply, yet it stops just short of anchor 5's explicit-feedback-loop bar.

4 / 5

Progressive Disclosure

No bundle files exist and none are needed; the body is self-contained with well-signaled sections (Move 1, Move 2, tradeoff, estimate, anti-patterns) and a single one-level reference to the sibling 'storybook-visual-testing' skill, so navigation is easy.

5 / 5

Total

19

/

20

Passed

Description

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

An exemplary description: concrete actions, explicit 'Use when' triggers with multiple natural scenarios, named tools, and third-person voice throughout. It is specific, complete, and clearly distinguishable.

DimensionReasoningScore

Specificity

Lists multiple concrete actions ('Author economical visual tests', 'gallery/matrix stories', 'data-driven states', 'coarse-granularity tradeoff') with comprehensive coverage of the skill's capabilities.

5 / 5

Completeness

Explicitly answers both what ('Author economical visual tests — full visual coverage in the fewest billable snapshots') and when ('Use when a component's variants/states are exploding into one snapshot per combination...') with concrete trigger phrases.

5 / 5

Trigger Term Quality

Comprehensive natural-term coverage including synonyms ('visual tests', 'snapshots', 'stories/captures'), the cost trigger ('snapshot count', 'visual-testing bill or noise'), and named tools (UI Verify, Chromatic, Percy, Playwright) a user would actually say.

5 / 5

Distinctiveness Conflict Risk

Occupies a clear niche (reducing per-snapshot billing/noise) with distinct triggers and named tools, minimizing overlap with other skills.

5 / 5

Total

20

/

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.

Repository
FranciscoMoretti/chat-js
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.