Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →ibrahim-3d/eval-ui-ux
Specialized UI/UX evaluator for the Evaluate-Loop. Use this for evaluating UI shell tracks, design system tracks, screen implementation tracks, or any track where the primary deliverable is visual/interactive UI. Checks design system adherence, visual consistency, layout structure, responsive behavior, component states, animations, accessibility baseline, and usability check (copy quality). Dispatched by loop-execution-evaluator when track type is 'ui', 'design-system', or 'screens'. Triggered b
Passed 9 of 15 test cases with the skill, and 6 of 15 without it.
and 2 more in the full report
5 fixed8 passed either way8 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 5 test cases the skill fixed. Same model, same prompt, with and without the skill.
Please run a code review on our PostgreSQL database migration scripts in `db/migrations`. Verify transaction safety, index creation strategy, column constraints, and foreign key integrity against `spec.md`.
| Checked | Without skill | With skill |
|---|---|---|
| The response performs a database migration integrity review without using front-end CSS/component pass templates. | Missed | Passed |
| The report focuses on SQL schema and transaction safety standards. | Passed | Passed |
The instructions your model reads when the skill loads.
Specialized evaluator for tracks whose deliverables are visual UI — screens, components, design systems, layouts.
Dispatched by loop-execution-evaluator when the track is one of:
spec.md — what was supposed to be builtplan.md — tasks that should be completesrc/app/globals.css)src/components/ and src/app/read_file your project's CSS/token file to extract the token system, then check components:
| Check | What to Look For |
|---|---|
| Colors | CSS custom properties (--color-*, --brand-*) used, no raw hex/rgb in components |
| Spacing | Tailwind spacing classes follow consistent grid, no arbitrary px values |
| Typography | Font families from your design system fonts, sizes from scale |
| Radius | Uses token-defined radius values, no random rounded-* overrides |
| Shadows | Shadow classes from token system, consistent elevation levels |
| Glass-morphism | Backdrop-blur, bg-opacity patterns on cards/modals/overlays (if applicable) |
### Design System Adherence: PASS / FAIL
- Hardcoded colors found: [count] — [list files:lines]
- Hardcoded spacing found: [count] — [list files:lines]
- Typography violations: [count] — [list]
test cases passed, vs 6 / 15 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.