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

64

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

A lean, appropriately scoped skill for a single review task with a clear workflow and an effective external-reference design. Its weaknesses are a fully duplicated step list and the absence of any error handling around the network fetch.

Suggestions

Merge the "Usage" section into "How It Works" (or replace it with only the delta — the no-argument behavior) to remove the duplicated four-step list.

Add a one-line fallback for when the guidelines URL is unreachable (e.g., inform the user or use a cached copy if available).

Specify how findings should be grouped or prioritized when reviewing multiple files, since the body only defines the per-finding `file:line` format.

DimensionReasoningScore

Conciseness

The body is short and free of concept explanations, but the "Usage" section repeats the four steps of "How It Works" almost verbatim, so the content could clearly be tightened by removing the duplicate.

3 / 5

Actionability

Concrete guidance is present — an exact source URL, a named tool ("Use WebFetch"), and a specific output format ("terse `file:line` format") — with only minor gaps such as no fallback when the fetch fails.

4 / 5

Workflow Clarity

A clear four-step sequence (fetch, read, apply rules, output findings) with a concrete output-format checkpoint; no error-recovery loop for a failed guidelines fetch keeps it below a 5, and the review is read-only so the destructive-operation cap does not apply.

4 / 5

Progressive Disclosure

The skill is under 50 lines, single-purpose, and has no local bundle files; sections are well organized and the only reference (the guidelines URL) is clearly signaled and one level deep, so the simple-skill exception applies.

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.

A strong description with an explicit trigger clause and natural user phrasing. Its main weakness is thin specification of what the review actually entails, and trigger breadth that slightly overlaps adjacent design/a11y skills.

Suggestions

Briefly enumerate the review scope in the 'what' clause (e.g., 'checks accessibility, semantics, forms, and performance against the guidelines').

Add one or two more trigger variants such as "WCAG" or "usability review" to broaden natural keyword coverage.

DimensionReasoningScore

Specificity

"Review UI code for Web Interface Guidelines compliance" names the domain and one concrete action but does not enumerate what the review covers (e.g., accessibility, semantics, performance), matching the anchor for 1-2 concrete actions without comprehensive coverage.

3 / 5

Completeness

It explicitly answers both what ("Review UI code for Web Interface Guidelines compliance") and when ("Use when asked to..." with five concrete trigger phrases), mirroring the top anchor; the 'when' clause is fully explicit so it is not a 4.

5 / 5

Trigger Term Quality

Five natural phrases with verb and noun synonyms ("review my UI", "check accessibility", "audit design", "review UX", "check my site against best practices") give good coverage, but common variants like "WCAG", "usability", or "check contrast" are missing, so it falls short of comprehensive.

4 / 5

Distinctiveness Conflict Risk

The named standard ("Web Interface Guidelines") carves a clear niche, but generic triggers like "check accessibility" and "audit design" create minor overlap risk with dedicated accessibility or design-review skills.

4 / 5

Total

16

/

20

Passed

Validation

100%

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

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
openstatusHQ/data-table-filters
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.