CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

ui-eng-vision-test-scaffolder

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

Quality

81%

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

81%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 a dense, project-specific operational guide with concrete commands, executable code patterns, a clearly sequenced lifecycle with confirmation checkpoints, and strong error-recovery troubleshooting. Weaknesses are minor: placeholder paths, a couple of undefined example inputs, and slight redundancy in the screenshot-test instructions.

Suggestions

Tighten the screenshot-test bullet list (e.g. merge the includeCommonStyles trial-and-error lines into one instruction) to remove redundant narration.

Replace "/path/to/depot_tools" placeholders with a concrete detection step for locating depot_tools in the checkout.

DimensionReasoningScore

Conciseness

Nearly all content is project-specific knowledge Claude would not already know (./dt test, renderElementIntoDOM, assertScreenshot, GlassPane container setup, registry resets), so tokens largely earn their place. Minor trimmable verbosity exists (e.g. "The first run will generate the screenshot" narration and slightly repetitive includeCommonStyles instructions). Not 5 because a few sentences could be tightened; not 3 because there is no padding explaining general concepts.

4 / 5

Actionability

Concrete executable commands ("./dt test front_end/panels/application/IndexedDBViews.test.ts", afterEach reset block, GlassPane beforeEach, example screenshot test) cover the common cases with exact symptoms for each failure mode. Not 5 because of placeholder paths ("/path/to/depot_tools") and undefined inputs like mockViewInput; not 3 because guidance is concrete and code-bearing, not pseudocode.

4 / 5

Workflow Clarity

The lifecycle is clearly sequenced (verify existing tests → detect gaps → scaffold → wait for explicit confirmation) with an explicit checkpoint, troubleshooting scenarios provide symptom→diagnosis→fix feedback loops (e.g. Scenario D's visual-diff diagnosis), and a Mental Audit checklist closes the process. Not 4 because validation checkpoints and error-recovery loops are explicit rather than merely present; the skill is not a destructive/batch operation, so no cap applies.

5 / 5

Progressive Disclosure

The body is organized into clear sections with the only external reference (../devtools-verification/SKILL.md) clearly signaled and one level deep, and no bundle files exist to restructure. Not 5 because some content (environment troubleshooting scenarios C-E) could arguably live in a separate reference file; not 3 because structure is good and navigation is easy.

4 / 5

Total

17

/

20

Passed

Description

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

The description is specific, in third person, and states both what the skill does and when it applies (before refactoring views). Its main weaknesses are the absence of an explicit 'Use when...' trigger clause and missing natural synonyms like "visual regression" or "test coverage".

Suggestions

Add an explicit trigger clause, e.g. "Use when preparing to refactor or modernize UI views and visual/functional regression coverage is needed."

Include natural synonyms such as "visual regression tests", "golden/screenshot tests", or "test coverage" to broaden trigger-term coverage.

Mention verifying existing test suites for gaps, since that verification lifecycle is a core part of the skill's scope.

DimensionReasoningScore

Specificity

"Scaffolds unit tests and screenshot tests to establish visual and functional rendering baselines for views before refactoring" lists several concrete actions (scaffold unit tests, scaffold screenshot tests, establish visual/functional baselines) in third person, but omits parts of the skill's actual scope such as verifying existing tests and environment-specific execution. Not 5 because coverage has minor gaps; not 3 because it goes well beyond naming 1-2 actions.

4 / 5

Completeness

The 'what' is clear (scaffolds unit and screenshot tests to establish rendering baselines) and a 'when' is present via "for views before refactoring", which acts as explicit trigger guidance. Not 5 because the trigger is embedded rather than an explicit 'Use when...' clause and could be more specific; not 3 because the 'when' is explicitly stated, not merely implied.

4 / 5

Trigger Term Quality

Natural terms like "unit tests", "screenshot tests", "visual baselines", "rendering", "views", and "before refactoring" match phrases a user would say, but common variations like "visual regression", "test coverage", or "golden tests" are absent. Not 5 because synonyms are missing; not 3 because the included keywords are relevant and naturally phrased rather than generic.

4 / 5

Distinctiveness Conflict Risk

The pre-refactoring view-test scaffolding niche is well-delineated, with only minor overlap risk against generic test-writing or refactoring skills. Not 5 because "unit tests" and "refactoring" are broad terms that many testing skills share; not 3 because the combination with screenshot/visual baselines for views is clearly distinct.

4 / 5

Total

16

/

20

Passed

Validation

87%

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

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 1 suspicious

Warning

referenced_paths_exist

Referenced path issues: 1 missing

Warning

Total

14

/

16

Passed

Repository

ChromeDevTools/devtools-frontend

Path

.agents/skills/ui-eng-vision-test-scaffolder/SKILL.md

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.