Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →borghei/ui-design-system
UI design system toolkit covering design tokens, component documentation, responsive calculations, and developer handoff.
Passed 15 of 22 test cases with the skill, and 8 of 22 without it.
and 8 more in the full report
7 fixed8 passed either way7 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 7 test cases the skill fixed. Same model, same prompt, with and without the skill.
We are configuring responsive design tokens across mobile, tablet, and desktop viewports. Some team members proposed standardizing breakpoints as sm: 576px, md: 768px, lg: 992px, xl: 1200px. What exact pixel widths are designated for breakpoints sm through 2xl in our system?
| Checked | Without skill | With skill |
|---|---|---|
| Set the sm breakpoint width to 480px | Missed | Passed |
| Set the xl breakpoint width to 1024px | Missed | Passed |
| Set the 2xl breakpoint width to 1280px | Missed | Passed |
The instructions your model reads when the skill loads.
Generate design tokens, create color palettes, calculate typography scales, build component systems, and prepare developer handoff documentation.
Use this skill when you need to:
test cases passed, vs 8 / 22 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.