Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →sickn33/ui-lint
Quick automated lint — detects common design system violations in seconds
Passed 14 of 21 test cases with the skill, and 5 of 21 without it.
and 14 more in the full report
11 fixed4 passed either way7 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 11 test cases the skill fixed. Same model, same prompt, with and without the skill.
Audit `src/components/Avatar.tsx` which includes `m-[8px]` in its class list. Show the quick lint report with line indicator, suggested spacing utility, and count summary.
| Checked | Without skill | With skill |
|---|---|---|
| Flags m-[8px] as red circle failure | Missed | Passed |
| Recommends m-2 as the standardized spacing utility fix | Passed | Passed |
The instructions your model reads when the skill loads.
Use this skill when you need quick automated lint — detects common design system violations in seconds.
/ss-review/ss-a11y/ss-audit/ss-review to fixTarget: $ARGUMENTS
Fast, grep-based scan for common design violations. Runs in seconds (unlike /ss-review which is a deep manual audit). Run this after every file change.
Search for hex colors in className strings that should be semantic tokens:
grep -n '#[0-9a-fA-F]\{3,8\}' [file] | grep -v 'theme.css\|tokens\|\.json'
Violation: text-[#3C3C3C], bg-[#721FE5]
Fix: text-text-primary, bg-brand
grep -n 'p-\[.*px\]\|m-\[.*px\]\|gap-\[.*px\]' [file]
Violation: p-[24px], gap-[12px]
Fix: p-6, gap-3
grep -n 'w-[0-9] h-[0-9]\|w-\[.*\] h-\[' [file]
test cases passed, vs 5 / 21 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.