rams
Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.
86
81%
Does it follow best practices?
Impact
93%
1.14xAverage score across 3 eval scenarios
Passed
No known issues
Evaluation results
100%
30%Accessibility Review: Navigation Header Component
Critical accessibility issues and report format
Report header format
0%
100%
Severity sections
42%
100%
Summary and score
42%
100%
Image alt attribute
85%
100%
Icon-only buttons
88%
100%
Focus outline removed
100%
100%
Anchor without href
100%
100%
Non-semantic click handler
88%
100%
Touch target size
0%
100%
Color-only notification
77%
100%
Line numbers and snippets
88%
100%
Fixes provided
100%
100%
99%
10%Accessibility Review: Contact Form Component
Form accessibility and keyboard interaction
Report format
0%
87%
Severity grouping
71%
100%
Unlabeled name input
100%
100%
Unlabeled email input
100%
100%
Unlabeled select
100%
100%
Unlabeled textarea
100%
100%
Role without tabIndex
100%
100%
Missing keyboard handler
100%
100%
Focus outline removed
100%
100%
Heading hierarchy
100%
100%
Line numbers and snippets
87%
100%
Fix recommendations
100%
100%
82%
-4%Design Review: Dashboard Stats Card Component
Visual design review and component states
Report format
12%
100%
Severity grouping
100%
100%
Mixed font families
100%
100%
Color-only trend indicator
30%
0%
Missing button hover state
100%
100%
Missing button focus state
100%
100%
Missing disabled button style
100%
100%
Spacing inconsistency
100%
0%
Touch target size
100%
100%
Line numbers and snippets
100%
100%
Fix recommendations
100%
100%
- Repository
- brianlovin/claude-config
- Commit
1a9819e
- 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.