Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →sickn33/styleseed-design-review
Reviews UI/frontend code and tells you exactly why it "looks AI-generated" — then how to fix it.
Passed 14 of 19 test cases with the skill, and 2 of 19 without it.
and 13 more in the full report
16 fixed3 passed either way6 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 16 test cases the skill fixed. Same model, same prompt, with and without the skill.
Review `src/components/AlertBanner.tsx` where critical system state is indicated purely by a red border without any supporting status text or icon. What color discipline rule is violated?
| Checked | Without skill | With skill |
|---|---|---|
| Deducts 4 points under Color discipline for conveying status using color alone. | Missed | Passed |
The instructions your model reads when the skill loads.
A UI reads as "AI-generated" not because the components are ugly, but because the parts don't agree with each other — mixed corner radii, three accent colors, pure-black text, no hierarchy, missing states, robotic copy. This skill reviews a UI file (or a whole directory) against a concrete design rubric, scores it 0–100, and returns a prioritized fix list. It reviews and recommends; it never edits or deletes without you asking.
Full rule set (74 rules) and components: https://github.com/bitjaru/styleseed
Read the file(s). Score these seven categories (total 100); start each at full marks and subtract for violations you can cite by line. Be specific and evidence-based.
One choice per axis, applied everywhere. Deduct for each mixed axis:
#000 / text-black) text — the refined black is ~#2A2A2A (−4 each, cap −8)test cases passed, vs 2 / 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.