CtrlK
BlogDocsLog inGet started
Tessl Logo

normalize

Normalize design to match your design system and ensure consistency

74

1.00x
Quality

61%

Does it follow best practices?

Impact

98%

1.00x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./archived/legacy-companion/.agents/skills/normalize/SKILL.md
SKILL.md
Quality
Evals
Security

Evaluation results

100%

AlertsPanel Accessibility & Cleanup

Accessibility normalization and code cleanup

Criteria
Without this skill
With this skill

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%

100%

FilterPanel Component Migration

Custom component replacement

Criteria
Without this skill
With this skill

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%

94%

ProfileCard CSS Migration

Design token migration

Criteria
Without this skill
With this skill

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%

Repository
The-Vibe-Company/companion
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.