CtrlK
BlogDocsLog inGet started
Tessl Logo

web-design-guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

60

Quality

71%

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

Fix and improve this skill with Tessl

tessl review fix ./.claude/skills/web-design-guidelines/SKILL.md

The canonical home for this skill is pleaseai/web-design

SKILL.md
Quality
Evals
Security

Quality

Content

63%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 lean, well-structured single-purpose skill whose main weaknesses are a fully duplicated workflow section and heavy reliance on a remote fetch for the substance of the guidance. Structure and disclosure are excellent; the executable detail and error-handling depth are the gaps.

Suggestions

Merge the redundant "How It Works" and "Usage" sections into one workflow to remove the verbatim duplication of the fetch-read-check-output steps.

Inline a brief fallback or error path for when the WebFetch of the guidelines URL fails (e.g., a distilled checklist of core rule categories), so the skill remains actionable offline.

Add one concrete example finding in the `file:line` output format so the expected output shape is unambiguous without relying on the fetched document.

DimensionReasoningScore

Conciseness

"How It Works" and "Usage" repeat the same four steps nearly verbatim ("Fetch the latest guidelines from the source URL below" / "Fetch guidelines from the source URL above"; "Output findings in the terse `file:line` format" / "Output findings using the format specified in the guidelines"), matching anchor 3 (mostly efficient but could be tightened). Not a 4 because a full duplicated section is more than "minor instances of over-explanation".

3 / 5

Actionability

Concrete elements are present (exact source URL, "Use WebFetch to retrieve the latest rules", "terse `file:line` format"), but the actual rules and output format live entirely behind a remote fetch with no inline rule summary, example finding, or fallback if the fetch fails — anchor 3 (some concrete guidance but incomplete). Not a 4 because key execution details are delegated rather than provided.

3 / 5

Workflow Clarity

A clear numbered sequence (fetch → read files → apply rules → output findings) with the no-argument case handled ("If no files specified, ask the user which files to review") matches anchor 4. The task is read-only, so the destructive/batch validation cap does not apply; not a 5 because there is no guidance for fetch failure or for reviewing many matched files.

4 / 5

Progressive Disclosure

The ~30-line body is well-organized into clear sections and delegates all rule detail to a single clearly signaled one-level-deep source (the URL in "Guidelines Source"), with no bundle files to structure. This matches the simple-skill exception where well-organized sections alone warrant a 5.

5 / 5

Total

15

/

20

Passed

Description

78%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 with a clear what/when structure, third-person voice, and a well-chosen set of natural trigger phrases. The main gap is that it states only one action ("review UI code for compliance") without enumerating what the review covers, which are instead scattered into the trigger phrases.

DimensionReasoningScore

Specificity

"Review UI code for Web Interface Guidelines compliance" names the domain and a single concrete action, matching anchor 3 (domain plus 1-2 concrete actions, not comprehensive). It is not a 4 because no list of several specific actions is given, and not a 2 because the stated action is concrete rather than generic.

3 / 5

Completeness

It explicitly answers "what" ("Review UI code for Web Interface Guidelines compliance") and "when" ("Use when asked to..." followed by concrete trigger phrases), exactly matching anchor 5. Not a 4 because the "when" clause is fully explicit rather than improvable.

5 / 5

Trigger Term Quality

Five natural quoted phrases ("review my UI", "check accessibility", "audit design", "review UX", "check my site against best practices") give good keyword coverage. It falls short of anchor 5 because common variations such as "web design", "usability", "frontend", or "WCAG" are missing.

4 / 5

Distinctiveness Conflict Risk

"Web Interface Guidelines compliance" carves out a clear niche, but triggers like "check accessibility" and "audit design" overlap with generic accessibility or design-review skills, matching anchor 4 (mostly distinct, minor overlap risk). Not a 5 due to that overlap; not a 3 because the named guideline standard keeps it more specific than "works with document files"-level vagueness.

4 / 5

Total

16

/

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
revokslab/ShipFree
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.