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".
60
70%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
View guide
Low
Low-risk findings worth noting
Fix and improve this skill with Tessl
tessl review fix ./skills/public/web-design-guidelines/SKILL.mdThe canonical home for this skill is pleaseai/web-design
Evaluation results
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%
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%
- Repository
- bytedance/deer-flow
- Commit
cd9432b
- 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.