CtrlK
BlogDocsLog inGet started
Tessl Logo

eng-ui-screenshot

Screenshot capture for deterministic PNG evidence and visual-contract bundles for Compozy Storybook stories and local UI URLs. Use for visual audits, regression diffs, and design-parity checks. Do not use for interactive E2E flows, remote authenticated sites, or Storybook test execution.

74

Quality

93%

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

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

An exceptionally well-engineered procedure: fully executable commands, per-step completion checkpoints, feedback loops in error handling, and genuine one-level-deep bundle references that all exist. The only structural gap is navigation — inline repo-anchored paths and two scripts reachable only via a nested reference file.

Suggestions

Add a short bundle map (e.g. a References/Scripts section) so every bundled file — including visual-diff.mjs and validate-visual-contract.mjs, currently only discoverable via references/visual-contract.md — is reachable from SKILL.md directly.

Prefer skill-relative paths or markdown links (references/cdp-flow.md) over the repeated long repo-anchored path (.agents/skills/eng/eng-ui-screenshot/references/...) so navigation stays unambiguous regardless of install location.

DimensionReasoningScore

Conciseness

The body is dense and procedural with zero explanation of concepts Claude already knows — e.g. 'The helper owns load/font settling and viewport emulation; the procedure owns target resolution, evidence checks, and process cleanup' — and every line carries operational content (ports, PID file names, viewport sizes, settle floors), matching the lean anchor rather than the 4 anchor's 'minor instances of over-explanation'.

5 / 5

Actionability

Every step gives copy-paste-ready commands — `bun run "$WORKDIR/cap.mjs" --out <output-dir> --width <W> --height <H> --wait <ms> --shot <name> <url>` with exact viewport presets ('1440 × 900 for routes', '320 × 800 for collapsed navigation') and a '2200 ms' settle floor — fully covering the common capture cases, matching the top anchor.

5 / 5

Workflow Clarity

Seven explicitly sequenced steps each end in a '*Done when:*' validation checkpoint, and the Error Handling section supplies feedback loops ('read stderr ... fix the failing target and recapture affected targets') plus safety guards for the destructive teardown operations (terminate only owned PIDs, 'Never use a machine-wide pkill'), matching the anchor with explicit validation, error recovery, and checklists.

5 / 5

Progressive Disclosure

The overview correctly defers detail to real one-level-deep bundle files ('Read ... references/cdp-flow.md in full before changing capture mechanics'), and all five references and five scripts exist; however, references are cited inline via long repo-anchored paths rather than a clearly signaled navigation section, and two bundled scripts (visual-diff.mjs, validate-visual-contract.mjs) are discoverable only through a nested reference — minor organization gaps consistent with the 4 anchor, clearly above anchor 3's buried references.

4 / 5

Total

19

/

20

Passed

Description

87%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: it states concrete deliverables, gives explicit positive and negative trigger guidance, and carves out a distinct niche. The only weaknesses are a slightly narrow action list and a few missing natural synonyms in the trigger terms.

DimensionReasoningScore

Specificity

Names concrete deliverables — 'deterministic PNG evidence and visual-contract bundles for Compozy Storybook stories and local UI URLs' — well beyond a bare domain label, but the action list stays at roughly two verbs (capture, bundle) rather than several, so it sits between the 3 and 4 anchors, noticeably above the midpoint.

4 / 5

Completeness

Explicitly answers both what — 'Screenshot capture for deterministic PNG evidence and visual-contract bundles' — and when — 'Use for visual audits, regression diffs, and design-parity checks' — plus concrete negative triggers ('Do not use for interactive E2E flows, remote authenticated sites, or Storybook test execution'), matching the 5 anchor rather than the 4 anchor's 'when could be more specific'.

5 / 5

Trigger Term Quality

Includes natural phrases users would actually say — 'screenshot', 'visual audits', 'regression diffs', 'design-parity checks', 'Storybook' — but misses common synonyms such as 'snapshots', 'visual regression', or 'capture the UI', so coverage is good rather than comprehensive (not 5), and clearly above the 3 anchor's 'missing common variations'.

4 / 5

Distinctiveness Conflict Risk

Occupies a clear niche (Compozy Storybook stories, local UI URLs) with distinct triggers and explicit exclusions that separate it from generic screenshot and E2E testing skills, giving minimal conflict risk; not 4 because the negative scope makes overlap with closely related skills explicit rather than 'minor risk'.

5 / 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
compozy/compozy
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.