web-design-guidelines
前端 UI 审查清单：可读性、视觉密度、间距、响应式、空状态、加载态和可访问性。
81
72%
Does it follow best practices?
Impact
97%
1.05xAverage score across 3 eval scenarios
Passed
No findings from the security scan
Fix and improve this skill with Tessl
tessl review fix ./skills/web-design-guidelines/SKILL.mdEvaluation results
100%
1%Design Review: Meridian App Contact Form
Contact form build and design review
Hover state
100%
100%
Focus state
100%
100%
Active state
100%
100%
Disabled state
100%
100%
Keyboard navigation
100%
100%
Label association
100%
100%
Color contrast
100%
100%
Semantic color states
100%
100%
Typography evaluation
100%
100%
Polish evaluation
100%
100%
Pass/fail summary
100%
100%
Top issues listed
75%
100%
Concrete fixes
100%
100%
Files named
100%
100%
93%
5%FlowDesk Navigation Bar
Navigation bar build and design review
Pass/fail verdict
70%
100%
Top issues listed
100%
100%
Concrete fixes
100%
100%
Files affected named
100%
100%
Hover state evaluated
87%
100%
Focus state evaluated
100%
100%
Active/current page state evaluated
0%
12%
Disabled state evaluated
100%
100%
Color contrast evaluated
100%
100%
Accessibility evaluated
100%
100%
Responsiveness evaluated
100%
100%
Layout evaluated
100%
100%
100%
9%Proxima Task Dashboard
Build-then-review: task dashboard design quality
Pass/Fail summary
40%
100%
Top issues listed
100%
100%
Concrete fixes provided
100%
100%
Files/components named
100%
100%
Loading state assessed
100%
100%
Empty state assessed
100%
100%
Error or offline state assessed
100%
100%
Layout alignment reviewed
70%
100%
Responsiveness reviewed
100%
100%
Polish reviewed
100%
100%
- Repository
- OpenBMB/PilotDeck
- Commit
5b802a8
- 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.