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

57

Quality

68%

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 ./.agents/skills/web-design-guidelines/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

57%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 content is well-structured and lean for a simple single-purpose skill, with clean progressive disclosure. However, it is held back by duplicated step listings across sections, an external dependency on fetched rules with no example output, and absent validation for the network-fetch step.

Suggestions

Merge the 'How It Works' and 'Usage' sections to eliminate the duplicated four-step flow and reduce token cost.

Add a concrete example of the expected 'file:line' output format so Claude can produce compliant findings without relying on the fetched document.

Add a validation/error-recovery checkpoint for the WebFetch step (e.g., what to do if the guidelines URL is unreachable).

DimensionReasoningScore

Conciseness

The body is short and avoids over-explaining known concepts, but the 'How It Works' and 'Usage' sections redundantly restate the same four-step fetch-read-check-output flow, which is noticeable padding that could be tightened.

3 / 5

Actionability

It gives a concrete source URL and names the WebFetch tool plus a terse output format, but provides no example output and defers all actual rules to an externally fetched document, leaving the guidance incomplete rather than copy-paste ready.

3 / 5

Workflow Clarity

A clear numbered sequence (fetch, read, check, output) is present, but there are no validation checkpoints or error-recovery steps for the network fetch that supplies the rules, so checkpoints are missing or only implicit.

3 / 5

Progressive Disclosure

The skill is under 50 lines with no bundle files, is organized into clear sections, and uses a single one-level-deep, clearly signaled external reference (the guidelines URL), satisfying the simple-skill exception for a top score.

5 / 5

Total

14

/

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 strong: it clearly states what the skill does and provides multiple natural trigger phrases via an explicit 'Use when' clause. The main gap is specificity, as only one concrete action ('review') is named, and there is minor overlap with a related design skill.

Suggestions

Broaden the 'what' beyond a single 'Review' verb by naming concrete actions (e.g., 'Audit UI code for accessibility, performance, and design-best-practice violations').

Add a disambiguating trigger or note that distinguishes this post-code audit skill from the design-phase frontend-design skill (e.g., 'Use after coding, not for design principles').

Consider including a file-pattern synonym (e.g., 'review my .html/.css/.tsx') to lift trigger-term coverage.

DimensionReasoningScore

Specificity

The description names the domain ('UI code', 'Web Interface Guidelines compliance') and one concrete action ('Review UI code'), matching the score-3 anchor of domain plus 1-2 concrete actions without broader coverage.

3 / 5

Completeness

It explicitly answers both 'what' (Review UI code for Web Interface Guidelines compliance) and 'when' (an explicit 'Use when...' clause with concrete trigger phrases), matching the score-5 anchor.

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'), giving good coverage, but it lacks synonym/file-extension variants that would push it to 5.

4 / 5

Distinctiveness Conflict Risk

The Web Interface Guidelines niche and UI-auditing triggers are mostly distinct, but there is minor overlap risk with the sibling frontend-design design-review skill, which the body itself acknowledges.

4 / 5

Total

16

/

20

Passed

Validation

81%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation13 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

allowed_tools_field

'allowed-tools' contains unusual tool name(s)

Warning

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

relative_links

Relative link issues: 1 suspicious

Warning

Total

13

/

16

Passed

Repository
vudovn/ag-kit
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.