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".
73
66%
Does it follow best practices?
Impact
Pending
No eval scenarios have been run
Advisory
Suggest reviewing before use
Optimize this skill with Tessl
npx tessl skill review --optimize ./skills/web-design-guidelines/SKILL.mdEvaluation results
82%
26%Login Form UI Review
Output format and form/accessibility compliance
file:line format
13%
100%
Terse findings
0%
70%
Passing file marked
50%
0%
transition:all flagged
0%
100%
outline-none flagged
100%
100%
div onClick flagged
100%
100%
aria-label missing
100%
100%
autocomplete missing
100%
100%
htmlFor missing
100%
100%
Loading ellipsis
0%
0%
90%
42%Pricing Page Component Audit
Animation rules and typography conventions
file:line format
30%
100%
transition:all flagged
100%
100%
prefers-reduced-motion missing
100%
100%
Non-transform animation
50%
100%
transform-origin missing
0%
100%
Ellipsis character
0%
100%
tabular-nums missing
100%
100%
text-wrap:balance missing
0%
0%
hover state missing
0%
100%
Terse findings
0%
100%
77%
30%Dashboard Component Accessibility Review
Accessibility, semantic HTML, and image attributes
file:line format
0%
100%
div onClick flagged
100%
100%
Keyboard handlers missing
50%
70%
aria-label on icon button
100%
100%
Image alt text
100%
100%
Image dimensions
0%
0%
aria-hidden on decorative icon
70%
100%
aria-live for async update
0%
0%
Passing file marked
50%
100%
Terse findings
0%
100%
- Repository
- vercel-labs/agent-skills
- Commit
73140fc
- Evaluated
- Agent
- Claude Code
- Model
- Claude Sonnet 4.6
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.