CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

ux-extract

Exhaustively extract UX patterns from a reference web app. Walks every screen, captures screenshots of every state, records interaction patterns, copy verbatim, keyboard shortcuts, responsive treatments, motion, and empty/error/loading states. Produces a reusable pattern library that other audits can compare against. The inverse of ux-audit — asks 'what is the bar?' rather than 'does this match the bar?'. Trigger with 'learn from X', 'extract patterns from X', 'study X's UX', 'reverse engineer the UX of X', 'build a pattern library from X'.

Quality

96%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

93%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 instruction skill body: lean, concrete, and sequenced, with real one-level-deep reference files and a clear when-to-read table. The single weakness is the absence of an explicit verification/recovery loop in the Capture phase for this batch-style exhaustive crawl.

Suggestions

Add an explicit per-route verification checkpoint in the Capture Phase, e.g. "Before moving to the next route, confirm every applicable state in capture-checklist.md has a captured screenshot" — this closes the validate loop for the batch capture operation.

Add brief error-recovery guidance for common capture failures (route fails to load, a state can't be reached, screenshot comes back blank) so the workflow has a feedback loop rather than only happy-path instructions.

State upfront what to do when discovery finds far more routes than the chosen scope covers (e.g., re-confirm scope with the user vs. capture everything), since the exhaustive default can silently turn into a multi-hour run.

DimensionReasoningScore

Conciseness

The body is dense operational guidance throughout — exact viewport numbers ("Pin 1440×900 as baseline… capture 768 and 375"), state/trigger tables, path conventions — with no explanation of concepts Claude already knows. Only two or three short rhetorical flourishes ("One 3-second GIF is worth a paragraph of description") and each justifies a behavior. Not 4: there is no substantive passage to trim.

5 / 5

Actionability

Fully concrete and executable: a copy-paste command ("img-process batch ./screenshots --action optimise --max-width 1440"), exact output paths and a file-tree for "docs/ux-extracts/<app-name>/", a 16-row state/trigger capture table, verbatim copy examples, and interaction-capture fields (trigger/target/feedback/reversibility). Not 4: the common cases are covered end-to-end from setup to output.

5 / 5

Workflow Clarity

Setup → Discovery → Capture → Dedup → Output is clearly sequenced, with per-route checkpoints ("Run at the end of each route's capture, or across the whole screenshots/ folder at the end") and a referenced per-pattern checklist plus incremental building ("open the library file at the start, append as you go"). Not 5: there is no explicit validate-and-retry loop — e.g. confirming every applicable checklist state was captured per route before moving on, or what to do when a route fails to load or a state can't be reached. Not 3: checkpoints and a checklist instrument are present and wired into the phases.

4 / 5

Progressive Disclosure

The body stays an operational overview while detail lives one level deep in real, verified files: references/capture-checklist.md and references/pattern-library-template.md both exist and match their claimed purpose, linked both contextually ("See references/capture-checklist.md for the full per-pattern checklist") and in a "Reference files" when/read table; the third link targets sibling skill ux-audit and is clearly labeled. Not 4: no reference material is inlined that belongs in the bundle files — the body tables are summaries and the files hold the full checklists/template.

5 / 5

Total

19

/

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 voice, exhaustively concrete about what the skill does, explicit trigger phrases for when to use it, and an explicit differentiation from the adjacent ux-audit skill. No fluff or over-claims.

DimensionReasoningScore

Specificity

"Walks every screen, captures screenshots of every state, records interaction patterns, copy verbatim, keyboard shortcuts, responsive treatments, motion, and empty/error/loading states" lists multiple concrete actions with comprehensive coverage from capture through output ("Produces a reusable pattern library that other audits can compare against"). Not 4: the action list has no coverage gaps — it enumerates each capture dimension and the output artifact.

5 / 5

Completeness

Explicitly answers both "what" (the enumerated capture actions plus producing a reusable pattern library) and "when" ("Trigger with 'learn from X', 'extract patterns from X', …") with concrete trigger phrases — the structure the score-5 anchor example rewards. Not 4: the "when" is fully explicit, not merely present.

5 / 5

Trigger Term Quality

Trigger phrases "learn from X", "extract patterns from X", "study X's UX", "reverse engineer the UX of X", and "build a pattern library from X" are natural phrasings a user would actually say, with genuine synonym variation. Not 4: no common variation for this intent is obviously missing; not lower because the coverage is comprehensive rather than partial.

5 / 5

Distinctiveness Conflict Risk

"The inverse of ux-audit — asks 'what is the bar?' rather than 'does this match the bar?'" explicitly disambiguates from the closest sibling skill, and the extract/study/reverse-engineer trigger vocabulary is distinct from audit/review triggers, so mis-trigger risk is minimal. Not 4: it carves out a clear niche with an explicit contrast rather than merely being mostly distinct.

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

relative_links

Relative link issues: 2 suspicious

Warning

Total

15

/

16

Passed

Repository

jezweb/claude-skills

Path

plugins/dev-tools/skills/ux-extract/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.