CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

control-ui

Build or adapt a local browser/CDP harness to drive and inspect a web, IDE, or Electron UI. Use for local UI verification, screenshots, accessibility snapshots, perf profiles, visual diffs, or reproducing UI bugs.

69

Quality

87%

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.

A well-crafted body: concrete harness code, a sequenced setup and interaction workflow with built-in verification and error recovery, and useful guardrails, with no padding. The main improvement levers are tightening the slight redundancy around dependency guidance and splitting the harness examples into reference files if the skill grows.

DimensionReasoningScore

Conciseness

The body is efficient: sections are tight, code examples are directly useful, and there is no padding explaining concepts Claude already knows. Minor trims are possible — the CDP harness example overlaps partially with the web harness, and 'Do not add Playwright as a project dependency...' slightly restates the earlier 'use the repo's installed browser tooling' guidance — so it sits at anchor 4 rather than 5's 'every token earns its place'.

4 / 5

Actionability

Two concrete, runnable Playwright/CDP examples plus sequenced Setup Pattern and Interaction Loop steps give mostly executable guidance. It misses anchor 5 because the code contains placeholders ('http://127.0.0.1:<port>', '<app-root-selector>', '<debug-port>') that prevent copy-paste readiness, though these are inherently repo-specific and the text instructs how to substitute them.

4 / 5

Workflow Clarity

The Setup Pattern sequences six ordered steps, and the Interaction Loop builds in explicit validation ('Capture a fresh snapshot/screenshot', 'Verify the expected state change') each iteration, with an error-recovery path ('If no page matches, list available page titles and URLs instead of guessing') and cleanup guardrails. This matches anchor 5's explicit validation steps and feedback loops; the operations are read-mostly, so no destructive-operation cap applies.

5 / 5

Progressive Disclosure

No bundle files exist, and the single-file body (~110 lines) is cleanly sectioned with scannable headers and no nested references, which is good structure. It stays at anchor 4 rather than 5 because the skill exceeds the simple-skill threshold and content like the two code harnesses or the CDP Capabilities list could arguably live in one-level-deep reference files, a minor organization gap.

4 / 5

Total

17

/

20

Passed

Description

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

A strong description that clearly states both capability and usage triggers in third-person, concrete language. Trigger coverage is good, with a few natural synonyms (e.g., Playwright, e2e, browser automation) and distinctiveness only marginally diluted by broadly applicable terms like 'screenshots'.

DimensionReasoningScore

Specificity

The description lists multiple concrete actions — 'Build or adapt a local browser/CDP harness to drive and inspect a web, IDE, or Electron UI' plus six concrete use cases ('screenshots, accessibility snapshots, perf profiles, visual diffs, or reproducing UI bugs') — giving comprehensive coverage of the skill's domain. It fits anchor 5 rather than 4 because the action list covers the domain broadly with no meaningful gaps.

5 / 5

Completeness

It explicitly answers 'what' ('Build or adapt a local browser/CDP harness to drive and inspect a web, IDE, or Electron UI') and 'when' with an explicit 'Use for...' clause listing concrete trigger scenarios. Both parts are present and concrete, matching anchor 5; anchor 4 would require the 'when' to be less explicit or specific, which is not the case here.

5 / 5

Trigger Term Quality

Natural trigger phrases like 'screenshots', 'visual diffs', 'reproducing UI bugs', and 'accessibility snapshots' match what users would actually say, and 'Electron' names a specific platform. It falls short of anchor 5 because common synonyms users might say — 'Playwright', 'e2e testing', 'UI test', 'browser automation' — are absent.

4 / 5

Distinctiveness Conflict Risk

The 'local browser/CDP harness' and 'Electron' framing carves a clear niche that is unlikely to trigger for unrelated skills, but generic terms like 'screenshots' and 'UI verification' create minor overlap risk with closely related testing or screenshot skills. This places it between anchors 4 and 5, closer to 4.

4 / 5

Total

18

/

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.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

adamsardo/pstack-claude

Path

plugins/pstack/skills/control-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.