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", "check my site against best practices", or "web interface guidelines".

80

Quality

100%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

100%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is a lean, highly actionable audit checklist organized into numbered categories with concrete thresholds and attributes, plus a prioritized review workflow and output format. It assumes Claude's competence and adds only UI-specific knowledge.

DimensionReasoningScore

Conciseness

Dense bullet-list rules with no concept padding or library-recommendation prose; every line is a concrete, audit-relevant rule that earns its place.

3 / 3

Actionability

Rules give concrete executable specifics such as 'font-size: clamp(1rem, 2.5vw, 2rem)', 'min-height: 100dvh', 'aria-busy="true"', and contrast '4.5:1 minimum'.

3 / 3

Workflow Clarity

An explicit Review Checklist sequences findings by priority (CRITICAL/HIGH/MEDIUM/LOW) with a defined output format and example; this read-only audit needs no destructive-operation feedback loop.

3 / 3

Progressive Disclosure

Single self-contained file with no bundle references, organized into clearly numbered sections with rule IDs and a checklist; no nested reference chains.

3 / 3

Total

12

/

12

Passed

Description

100%

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 concise, specific, and well-structured with explicit trigger phrases and a clear 'Use when' clause. It cleanly answers both what the skill does and when to invoke it.

DimensionReasoningScore

Specificity

Lists concrete actions (review UI code for compliance) across multiple specific review types (accessibility, design, UX) rather than vague language.

3 / 3

Completeness

Explicitly answers both what ('Review UI code for Web Interface Guidelines compliance') and when (explicit 'Use when asked to...' trigger clause).

3 / 3

Trigger Term Quality

Quotes natural user phrases like 'review my UI', 'check accessibility', 'audit design', and 'review UX' that users would actually say.

3 / 3

Distinctiveness Conflict Risk

The 'Web Interface Guidelines compliance' niche with UI-specific review triggers is clearly distinct and unlikely to conflict with non-UI skills.

3 / 3

Total

12

/

12

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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
CloudAI-X/claude-workflow-v2
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.