CtrlK
BlogDocsLog inGet started
Tessl Logo

ui-eng-vision-test-scaffolder

Scaffolds unit tests and screenshot tests to establish visual and functional rendering baselines for views before refactoring.

59

Quality

68%

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 ./.agents/skills/ui-eng-vision-test-scaffolder/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

77%

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

The content is highly actionable with executable code, clear sequencing, and strong validation feedback loops. Its weakest area is progressive disclosure: all guidance lives inline in one file with no external references to offload the lengthy environment-detection and troubleshooting material.

Suggestions

Extract the environment-detection and troubleshooting scenarios (A–D) into a separate reference file (e.g. references/test-environments.md) and link to it from the main body.

Tighten the screenshot-test bullet list into a more compact checklist to reduce token overhead.

Consider moving the example test structure into a references/ snippet so the core workflow stays scannable.

DimensionReasoningScore

Conciseness

The body is mostly lean and assumes competence (no preamble explaining what tests are), but the multi-scenario environment/troubleshooting section and some repetitive screenshot-test bulleting could be tightened.

2 / 3

Actionability

Provides fully executable guidance — concrete TypeScript test snippets, exact bash commands with full paths (e.g. the Cider init_workspace invocation), and copy-paste-ready examples.

3 / 3

Workflow Clarity

Clear numbered lifecycle sequence with explicit checkpoints ("Wait for confirmation"), feedback loops for screenshot failures (Scenario D), and a closing Mental Audit checklist for self-correction.

3 / 3

Progressive Disclosure

Sections are well-organized, but the skill is a single monolithic file with no bundle references and the environment-detection/troubleshooting scenarios are inlined content that could be split into separate reference files.

2 / 3

Total

10

/

12

Passed

Description

60%

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

The description is specific and action-oriented, clearly conveying what the skill does. Its main weakness is the absence of an explicit "Use when..." trigger clause, which caps completeness and leaves trigger-term coverage and distinctiveness short of the top anchor.

Suggestions

Add an explicit trigger clause, e.g. "Use before refactoring views when you need visual/functional regression baselines, screenshot tests, or unit test scaffolding."

Include natural user-facing variations such as "visual regression tests", "UI tests", and "golden tests" to broaden trigger-term coverage.

Sharpen distinctiveness by tying the trigger specifically to pre-refactor baseline establishment rather than general testing.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — "Scaffolds unit tests and screenshot tests to establish visual and functional rendering baselines for views" — naming distinct, specific capabilities rather than vague language.

3 / 3

Completeness

The "what" is clearly stated, but there is no explicit "Use when..." trigger clause; "before refactoring" only implies the when, so completeness is capped at 2 per the missing-trigger guideline.

2 / 3

Trigger Term Quality

Contains relevant terms ("unit tests", "screenshot tests", "rendering baselines", "refactoring") but omits common natural variations a user might say such as "visual regression", "UI tests", or "golden tests".

2 / 3

Distinctiveness Conflict Risk

The visual/functional baseline niche is somewhat specific, but without an explicit trigger it could still overlap with general test-scaffolding or refactoring skills.

2 / 3

Total

9

/

12

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.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

referenced_paths_exist

Referenced path issues: 1 missing

Warning

Total

15

/

16

Passed

Repository
ChromeDevTools/devtools-frontend
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.