CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

verify-ui

Verifies a web UI in a running browser by measuring the live DOM with bundled scripts — visibility, clickability, alignment, overflow, and the state a click leaves behind — instead of reading screenshots. Use when a change to a web UI needs verifying in the running app, when a UI bug is reported (something on screen is missing, misplaced, clipped, or unclickable), or when acceptance criteria describe on-screen behaviour. Prefer this over writing custom Playwright page.evaluate code. Not for visual appearance (colors, fonts, spacing), cross-browser behaviour, or accessibility checks.

Quality

94%

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

88%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 strong, highly actionable skill body: a single enforced tool vocabulary, exact executable calls with real options and defaults, and explicit validation and feedback loops throughout. The only weaknesses are mild repetition of the read/inject sequence per check, one awkwardly phrased notes section, and an unreferenced bundled self-test.js.

DimensionReasoningScore

Conciseness

The body is dense with non-obvious, situation-specific guidance (fractional-pixel tolerance advice, JSON.stringify injection rationale, ref-mapping caveats) and explains nothing Claude already knows. It stops short of 5 because the read/inject sequence is restated in every check subsection and again in 'How to inject scripts', and the 'Important Notes Towards Details And Summaries' section is awkwardly worded and could be trimmed to a single line.

4 / 5

Actionability

Every check is fully executable: exact tool invocation (playwright:browser_run_code_unsafe with async (page) => ...), exact Read paths (${CLAUDE_SKILL_DIR}/scripts/check-alignment.js), copy-paste-ready page.evaluate calls with concrete option objects, defaults for every parameter, and a worked example of the final Markdown report table. This matches the 5 anchor — nothing is pseudocode and the common cases are covered with specific examples.

5 / 5

Workflow Clarity

A clear four-step sequence (understand → navigate → measure → compile) with explicit checkpoints: a stop-guard for empty arguments, per-check interpretation of pass/reason fields, and genuine feedback loops ('before calling the layout broken, re-run with a larger one'; custom page.evaluate only after bundled scripts leave the question open). Matches the 5 anchor's explicit validation steps and error-recovery loops; not 4, because no checkpoint is missing or merely implicit.

5 / 5

Progressive Disclosure

The bundle structure is sound: each measurement script lives in a separate one-level-deep file referenced by an explicit Read path, and usage docs in SKILL.md are what makes them discoverable at runtime. It is not 5 because self-test.js sits in scripts/ but is never mentioned anywhere in the body (undiscoverable bundle file), and the ~204-line inline option documentation for six checks could be partially split out to keep the overview leaner.

4 / 5

Total

18

/

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: third-person, concrete about both method and capabilities, with explicit multi-scenario 'Use when' triggers and explicit negative boundaries that sharply reduce conflict risk with visual-regression, cross-browser, and accessibility skills. No fluff or over-claims.

DimensionReasoningScore

Specificity

The description lists multiple concrete measured capabilities — "visibility, clickability, alignment, overflow, and the state a click leaves behind" — via a concrete method ("measuring the live DOM with bundled scripts"), with comprehensive coverage and no vague filler. It matches the 5 anchor (multiple specific concrete actions, comprehensive) rather than 4, whose 'minor gaps in coverage' don't apply since every bundled check type is named.

5 / 5

Completeness

It explicitly answers both questions: what ("Verifies a web UI in a running browser by measuring the live DOM...") and when ("Use when a change to a web UI needs verifying in the running app, when a UI bug is reported..., or when acceptance criteria describe on-screen behaviour"). This matches the 5 anchor with three concrete trigger phrases; it is not 4 because the 'when' clause is fully explicit, not merely adequate.

5 / 5

Trigger Term Quality

It covers the natural phrasings a user would say: "a change to a web UI needs verifying", "a UI bug is reported (something on screen is missing, misplaced, clipped, or unclickable)", "acceptance criteria", plus tool-adjacent terms (Playwright, screenshots). These are exactly the phrases a user with this need would produce; score 4's 'a few natural terms missing' doesn't fit, as bug-report, change-verification, and acceptance-criteria trigger variants are all present.

5 / 5

Distinctiveness Conflict Risk

It carves a clear niche (live-DOM behavioral verification vs. screenshots) and actively prevents mis-triggers with negative boundaries: "Not for visual appearance (colors, fonts, spacing), cross-browser behaviour, or accessibility checks" and "Prefer this over writing custom Playwright page.evaluate code". Minimal conflict risk — the 5 anchor's 'clear niche with distinct triggers' fits; nothing pushes toward 4 since the overlap-prone neighbors are explicitly excluded.

5 / 5

Total

20

/

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

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository

provectus/awos-recruitment

Path

registry/skills/verify-ui/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.