Normalize design to match your design system and ensure consistency
74
61%
Does it follow best practices?
Impact
98%
1.00xAverage score across 3 eval scenarios
Passed
No findings from the security scan
Fix and improve this skill with Tessl
tessl review fix ./archived/legacy-companion/.agents/skills/normalize/SKILL.mdAccessibility normalization and code cleanup
ARIA labels on icon buttons
100%
100%
Semantic button elements
100%
100%
Focus visible, not suppressed
100%
100%
Focus indicator present
100%
100%
No color-only state communication
100%
100%
No accessibility compromised for style
100%
100%
Orphaned CSS classes removed
100%
100%
Orphaned JS code removed
100%
100%
DRY notification rendering
100%
100%
No hard-coded palette colors
100%
100%
Status icon accessibility
100%
100%
Custom component replacement
DS Button used
100%
100%
Button variant prop
100%
100%
DS Select/Dropdown used
100%
100%
Select onChange pattern
100%
100%
DS Checkbox used
100%
100%
Checkbox checked/onChange pattern
100%
100%
No new one-off components
100%
100%
Custom component CSS removed
100%
100%
DS import statement
100%
100%
DS Badge used
100%
100%
No new divergent patterns
100%
100%
Design token migration
No hard-coded hex colors
100%
100%
No hard-coded rgb/rgba colors
100%
100%
No hard-coded font sizes
100%
100%
No hard-coded font weights
100%
100%
No hard-coded font families
100%
100%
No hard-coded line heights
75%
62%
No hard-coded spacing
60%
70%
No hard-coded border-radius
100%
100%
No hard-coded box-shadow
100%
100%
Only uses defined tokens
100%
100%
Token values match original intent
100%
100%
90804d3
Table of Contents
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.