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 ./data/02-designer-webguidelines/SKILL.md

The canonical home for this skill is web-design-guidelines in majiayu000/claude-skill-registry

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 compact, well-structured overview that delegates substantive rules to a fetched source and provides a clear workflow. Main weaknesses are a duplicated step list across two sections and reliance on an external document for the actual review checks.

Suggestions

Merge the 'How It Works' and 'Usage' step lists into a single numbered workflow to remove the near-duplicate fetch/read/check/output sequence.

Add a brief failure path for when the WebFetch of the guidelines URL fails (e.g., retry once, then inform the user the source is unreachable).

Inline one or two example rules or a short sample `file:line` finding so the skill remains actionable even before the external doc is fetched.

DimensionReasoningScore

Conciseness

The body is lean and avoids explaining concepts Claude already knows, but the 'How It Works' and 'Usage' sections repeat nearly identical four-step sequences (fetch, read, check/apply, output), which is unnecessary content that could be tightened; not a 4 because the duplication is more than a minor trim, not a 2 because there is no padded concept explanation.

3 / 5

Actionability

It gives a concrete fetch URL, names the exact tool (WebFetch), the output format (`file:line`), and the fallback tool (`mcp-feedback-enhanced`/`ask_followup_question`), but the substantive review rules are entirely delegated to an external fetched document, so the body itself provides process rather than executable checks; not a 4 because the core actionable content is external, not a 2 because the process steps and tooling are specific.

3 / 5

Workflow Clarity

Steps are clearly sequenced as numbered lists with a branch for the no-files case; since this is a read-only audit (non-destructive), the destructive/batch validation cap does not apply; not a 5 because there is no error-recovery path (e.g., what to do if WebFetch fails), but the sequence is clear with only minor gaps.

4 / 5

Progressive Disclosure

Under 50 lines, single-purpose, and well-organized with clear section headers (How It Works, Guidelines Source, Usage), with the bulk of rules appropriately deferred to a one-level-deep external reference; per the simple-skill exception this warrants 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 that clearly states both capability and explicit trigger conditions with natural user phrasing. Its only weakness is moderate specificity — it names one concrete action rather than enumerating several.

DimensionReasoningScore

Specificity

It names the domain ('UI code') and one concrete action ('Review ... for Web Interface Guidelines compliance'), but offers only that single action rather than a list of several, fitting the 'names domain and 1-2 concrete actions' anchor; not a 2 because the action is concrete, not a 4 because no broader coverage of actions.

3 / 5

Completeness

It explicitly answers both 'what' ('Review UI code for Web Interface Guidelines compliance') and 'when' ('Use when asked to ...') with concrete trigger phrases, matching the 5-anchor; re-checking the 4-anchor, the 'when' here is explicit and specific rather than only weakly present.

5 / 5

Trigger Term Quality

It lists several natural phrases users would say ('review my UI', 'check accessibility', 'audit design', 'review UX', 'check my site against best practices'); not a 5 because it lacks file-extension-style concrete tokens and a few natural synonyms, but coverage is strong and clearly above the 3-anchor's single-phrase level.

4 / 5

Distinctiveness Conflict Risk

The 'Web Interface Guidelines compliance' niche and its trigger phrases are mostly distinct from generic code-review skills; not a 5 because phrases like 'audit design'/'review UX' could overlap with general design-review skills, but overlap risk is minor.

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.

Validation15 / 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
majiayu000/claude-skill-registry-data
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.