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

Quality

77%

Does it follow best practices?

Impact

Pending

No eval scenarios have been run

Securityby

Advisory

Suggest reviewing before use

Optimize this skill with Tessl

npx tessl skill review --optimize ./skills/data/02-designer-webguidelines/SKILL.md

Evaluation results

97%

28%

UI Compliance Audit: Navigation and Action Panel

Accessibility and interaction compliance review

Criteria

Without context

With context

file:line output format

83%

Findings grouped by file

100%

Terse descriptions

12%

87%

Workflow URL logged

100%

Icon button aria-label (TopBar menu)

100%

Div with click handler (TopBar search)

100%

Icon button aria-label (ActionPanel share/delete)

100%

Bare outline-none

100%

Anchor without href

100%

Missing img alt

100%

Without context: $0.2606 · 1m 27s · 10 turns · 13 in / 5,542 out tokens

With context: $0.7317 · 3m 3s · 27 turns · 34 in / 12,963 out tokens

100%

18%

Registration Flow Compliance Audit

Form input compliance review

Criteria

Without context

With context

file:line output format

20%

100%

Workflow URL logged

100%

Paste blocking on email

100%

Paste blocking on password

100%

Wrong type for email input

100%

Wrong type for password input

100%

Wrong type for phone input

100%

Missing autocomplete attributes

100%

Spellcheck on email field

100%

Spellcheck on code field

100%

Missing input labels

100%

Without context: $0.2697 · 1m 29s · 13 turns · 18 in / 5,258 out tokens

With context: $0.5644 · 2m 18s · 25 turns · 30 in / 8,370 out tokens

75%

24%

Product Catalog Component Performance and Visual Audit

Animation, visual, and performance compliance review

Criteria

Without context

With context

file:line output format

37%

87%

Workflow URL logged

100%

transition:all violation

100%

Missing prefers-reduced-motion

100%

Non-compositor animation property

100%

Image missing dimensions

Image missing lazy-loading

Text overflow not handled

100%

Large list without virtualization

100%

Typographic ellipsis

Without context: $0.2009 · 1m 11s · 10 turns · 15 in / 4,049 out tokens

With context: $0.4429 · 1m 56s · 23 turns · 26 in / 5,883 out tokens

Repository: majiayu000/claude-skill-registry
Commit: 6213d1a

Evaluated: 13 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

UI Compliance Audit: Navigation and Action Panel Registration Flow Compliance Audit Product Catalog Component Performance and Visual Audit

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.