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

65

Quality

78%

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

Quality

Content

78%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 skill that correctly resists inlining the entire guidelines document and instead points one level deep to the authoritative source. Its weaknesses are the verbatim duplication of the workflow across two sections and the absence of any fallback or validation around the network fetch it depends on.

Suggestions

Merge "How It Works" and "Usage" into a single section — the four steps are currently repeated almost verbatim, wasting tokens.

Add a one-line fallback for when the guidelines URL is unreachable (e.g., inform the user or use a bundled snapshot), since the entire skill depends on that fetch.

State the output format inline (e.g., one finding per line as `file:line: rule`) so review output does not depend entirely on the remote document's format instructions.

DimensionReasoningScore

Conciseness

The body is lean with no over-explanation of concepts Claude already knows, but the four-step workflow is stated twice in nearly identical words in "How It Works" ("Fetch the latest guidelines... Read the specified files... Check against all rules... Output findings") and again in "Usage", which is trimmable duplication — matching 'efficient; minor instances that could be trimmed' rather than the every-token-earns-its-place anchor at 5.

4 / 5

Actionability

It supplies a concrete, copy-paste-ready source URL and a specific tool instruction ("Use WebFetch to retrieve the latest rules") plus a concrete output convention ("terse file:line format"), but there are minor gaps: no fallback if the fetch fails and the actual output format is fully delegated to the remote document, keeping it below fully-executable at 5.

4 / 5

Workflow Clarity

The sequence (fetch → read files → apply rules → output findings) is clear with an explicit branch for the no-argument case ("If no files specified, ask the user"), but there is no checkpoint for the one risky step — what to do if the guidelines URL is unreachable — so it sits at 'clear sequence with most checkpoints; minor validation gaps' rather than 5. The destructive/batch cap does not apply since this is a read-only review.

4 / 5

Progressive Disclosure

At roughly 30 lines with well-organized sections (How It Works, Guidelines Source, Usage) and a single clearly-signaled one-level-deep pointer to the authoritative rules document, it matches the simple-skill exception: under 50 lines, well organized, no nested references.

5 / 5

Total

17

/

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 and well-phrased trigger clause and natural user language. Its main limitation is thin capability coverage — it says what domain it reviews but not what kinds of findings or checks it performs.

Suggestions

Add 1-2 concrete capability phrases to the 'what' half, e.g., 'flag accessibility, semantics, and interaction issues as file:line findings', to lift specificity.

Include a few more trigger synonyms such as 'accessibility audit', 'WCAG check', or 'design critique' to broaden natural-term coverage.

DimensionReasoningScore

Specificity

"Review UI code for Web Interface Guidelines compliance" names the domain and exactly one concrete action; it does not enumerate the specific checks performed (e.g., contrast, semantics, focus order), so it matches 'names domain and 1-2 concrete actions, but not comprehensive' rather than the several-action anchor at 4.

3 / 5

Completeness

It explicitly answers both questions: the 'what' ("Review UI code for Web Interface Guidelines compliance") and the 'when' with a literal "Use when asked to..." clause containing five concrete trigger phrases, matching the top anchor exactly.

5 / 5

Trigger Term Quality

Natural user phrasings like "review my UI", "check accessibility", "audit design", "review UX", and "check my site against best practices" give good coverage, but common variants such as "accessibility audit", "WCAG", or "design critique" are absent, placing it just below the comprehensive-synonyms anchor at 5.

4 / 5

Distinctiveness Conflict Risk

The named standard ("Web Interface Guidelines") and review-audit triggers carve out a mostly distinct niche, but phrases like "review my UI" or "audit design" could plausibly overlap with generic code-review or design-critique skills, matching 'mostly distinct; minor overlap risk' rather than minimal conflict at 5.

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
Draculabo/AntigravityManager
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.