CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

playwright-ux-ui-capture

Capture EdgeQuake WebUI routes with Playwright and write artifacts immediately (screenshots + per-page request JSON + capture index). Use when adding/updating Playwright E2E capture specs or when asked to automate UI screenshot collection.

Quality

86%

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

80%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 an efficient, well-structured single-purpose skill with concrete commands, exact paths, and a verified one-level-deep reference to the route-discovery script. Its main gap is workflow validation for a batch capture job — no step confirms screenshots/JSON were written before the index records success — plus the referenced 'template' for requests JSON is never shown or linked.

Suggestions

Add an explicit validation checkpoint in the write-out sequence, e.g. 'Before appending the capture-index line, verify desktop.png, tablet.png, and mobile.png exist and are non-empty; write ok:false and the error reason if not' — this satisfies the batch-operation validation requirement.

Include or link the template for ux_ui_map/requests/{page}.json (inline example or a references/ file) so step 3 is executable without guessing the schema.

Add a minimal Playwright spec snippet showing the viewport loop and page-ready wait, making the core capture task copy-paste ready.

DimensionReasoningScore

Conciseness

The body is lean and assumes competence: exact paths ('edgequake_webui/playwright.config.ts', 'ux_ui_map/'), exact viewport widths (1440/768/375), and one-line run commands — no explanations of what Playwright or Next.js are. Every section earns its place; only faint padding like 'keep the process robust and deterministic' keeps it from being flawless, but it is a single short bullet, matching the anchor-5 'lean and efficient' profile.

5 / 5

Actionability

Mostly executable: 'node .github/skills/playwright-ux-ui-capture/scripts/derive_routes.mjs --format json', 'cd edgequake_webui && npm run test:e2e', and a concrete capture-index JSON line. However, step 3 says 'write/update ux_ui_map/requests/{page}.json from the template' without showing or linking the template, and there is no example Playwright spec code — concrete gaps that keep it below fully copy-paste-ready.

4 / 5

Workflow Clarity

The sequence is clear (route discovery → viewports → waiting → write-out → run → failure handling), but this is a batch operation over many routes and viewports, and there is no validation step verifying artifacts actually landed on disk before appending 'ok:true' to the capture-index. The failure section handles auth and 404 ('still write a capture-index line with ok:false'), which is partial, but the batch-validation cap applies: checkpoints for the success path are missing or implicit, matching anchor 3.

3 / 5

Progressive Disclosure

A short, well-sectioned body with exactly one bundle file, clearly signaled and one level deep: 'Helper script (no dependencies): [scripts/derive_routes.mjs](scripts/derive_routes.mjs)' — verified to exist in the bundle. Nothing that belongs in a separate file is inlined, matching the anchor-5 'clear overview with well-signaled one-level-deep references'.

5 / 5

Total

17

/

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: third-person, concrete about what it produces, and equipped with an explicit 'Use when...' clause carrying two specific triggers. The only weakness is that the capability list could name a couple more actions (viewport capture, route discovery) for full comprehensiveness.

DimensionReasoningScore

Specificity

Quotes concrete actions — 'Capture EdgeQuake WebUI routes with Playwright and write artifacts immediately (screenshots + per-page request JSON + capture index)' — naming the domain and enumerating several specific artifact types. Not a 5 because the actions collapse into essentially two verbs (capture, write) with the artifact list in parentheses, leaving minor coverage gaps (e.g., viewport handling and route discovery are only implied).

4 / 5

Completeness

Explicitly answers both: what — 'Capture EdgeQuake WebUI routes with Playwright and write artifacts immediately (screenshots + per-page request JSON + capture index)' — and when — 'Use when adding/updating Playwright E2E capture specs or when asked to automate UI screenshot collection' with two concrete trigger phrases. Clearly matches the anchor-5 example structure rather than the anchor-4 case where the 'when' could be more explicit.

5 / 5

Trigger Term Quality

Includes natural trigger phrases users would say: 'adding/updating Playwright E2E capture specs', 'automate UI screenshot collection', plus terms like 'screenshots' and 'per-page request JSON'. Good coverage, but misses common variations such as 'visual capture', 'per-route screenshots', or 'screenshot suite', keeping it below the comprehensive synonym coverage of a 5.

4 / 5

Distinctiveness Conflict Risk

The combination of 'EdgeQuake WebUI routes', 'Playwright', and 'E2E capture specs' carves out a clear niche with distinct triggers, so it is unlikely to fire for unrelated screenshot or testing skills. Minimal conflict risk, matching the anchor-5 'clear niche with distinct triggers' example.

5 / 5

Total

18

/

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

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository

raphaelmansuy/edgequake

Path

.github/skills/playwright-ux-ui-capture/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.