Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →sickn33/ui-a11y
Audit a component or page for accessibility issues and fix them
Passed 14 of 19 test cases with the skill, and 12 of 19 without it.
2 fixed14 passed either way6 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 2 test cases the skill fixed. Same model, same prompt, with and without the skill.
When checking alert components using `--warning` tokens in `src/components/alert.tsx`, what contrast ratio requirement applies, and what warning is flagged regarding theme skins?
| Checked | Without skill | With skill |
|---|---|---|
| Specify a minimum contrast ratio of 4.5:1. | Passed | Passed |
| Flag that some visual skins require a darker warning variant to meet contrast. | Missed | Passed |
The instructions your model reads when the skill loads.
Use this skill when you need audit a component or page for accessibility issues and fix them.
/ss-review/ss-auditdata-slot, no semantic tokens) — assumes StyleSeed conventionsTarget: $ARGUMENTS
text-muted-foreground (#717182) on bg-background (#FFFFFF) = 4.6:1 (passes)text-brand on white (verify contrast with your skin's brand color)<img> need alt, icons need aria-label when meaningfulmin-h-11 min-w-11)
h-9 (36px) buttons — should be h-11w-11 h-11focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2prefers-reduced-motion
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
test cases passed, vs 12 / 19 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.