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".

63

Quality

75%

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

71%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 lean, well-structured, and actionable, delegating the detailed rules to a fetched source rather than inlining them. The primary weakness is redundancy between the How It Works and Usage sections, and the absence of error-handling guidance for a failed fetch.

Suggestions

Merge the duplicative "How It Works" and "Usage" sequences into a single workflow to remove the repeated fetch-read-apply-output steps.

Add a brief validation/error-recovery step for when the WebFetch fails or returns empty content (e.g., retry once, then inform the user) to strengthen workflow clarity.

DimensionReasoningScore

Conciseness

The body is mostly efficient and free of concept explanations Claude already knows, but the "How It Works" and "Usage" sections duplicate the same fetch-read-apply-output sequence, which could be tightened into one.

3 / 5

Actionability

It gives concrete, executable guidance — a specific source URL, the WebFetch tool to use, and the terse `file:line` output format — with only minor gaps since the actual rules are delegated to the fetched content.

4 / 5

Workflow Clarity

The review workflow is clearly sequenced as numbered steps and is read-only so the destructive/batch validation cap does not apply, though it lacks any checkpoint for handling a failed guideline fetch.

4 / 5

Progressive Disclosure

This is a short (under 50 lines), single-purpose skill with no bundle files, and its content is well-organized into clear sections (How It Works, Guidelines Source, Usage) with a one-level external reference, meeting the simple-skill exception for a top score.

5 / 5

Total

16

/

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.

The description is well-constructed with a clear what-and-when structure and natural trigger phrases. Its main limitation is specificity, as it describes a single review action rather than enumerating several concrete capabilities.

Suggestions

Expand the capability statement beyond a single "review" verb to list specific actions (e.g., flags accessibility violations, checks color contrast, validates semantic HTML, reports UX issues) to lift specificity.

Add a couple of synonymous trigger terms or file types (e.g., "audit HTML/CSS", "check WCAG compliance") to round out trigger coverage.

DimensionReasoningScore

Specificity

The description names the domain and one concrete action ("Review UI code for Web Interface Guidelines compliance") but lists only a single capability rather than several specific actions, matching the anchor that names a domain with 1-2 concrete actions.

3 / 5

Completeness

It clearly states what the skill does ("Review UI code for Web Interface Guidelines compliance") and explicitly when to use it with concrete trigger phrases ("Use when asked to..."), matching the anchor for explicit what-and-when with triggers.

5 / 5

Trigger Term Quality

Phrases like "review my UI", "check accessibility", "audit design", "review UX", and "check my site against best practices" are natural terms users would say, giving good coverage, though a few synonyms or extensions are missing.

4 / 5

Distinctiveness Conflict Risk

The Web Interface Guidelines compliance niche with UI/accessibility/design-audit triggers is mostly distinct, with only minor overlap risk against generic code-review skills.

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