Use when creating or maintaining UI design systems, design tokens, component documentation, responsive calculations, quality checks, or design-dev handoff materials.
SkillScore73Maintained
Automatic
◆Design & UX Review pack
Last verified 8/24/2026
What it changes
Passed 13 of 18 test cases with the skill, and 9 of 18 without it.
Without skill50%
With skill73%
Checks it passed that the model alone missed
Selects playful as the appropriate style choice
Orders arguments as brand color followed by style followed by format
Specifies running python scripts/design_token_generator.py #3B82F6 modern json
and 2 more in the full report
5 fixed11 passed either way6 still failing0 broke
Pass-rate lift
+23 pp
Tokens
-22%
Agent turns
0%
Response time
-37%
Model gemini-3.6-flashMeasured 8/24/2026v116 of 22 cases passed with skill · 18 comparable
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 5 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 5
Prompt
When generating tokens for an app aimed at teenagers, which of the three supported aesthetic style options should be selected?
What was checked, without and with the skill
Checked
Without skill
With skill
Selects playful as the appropriate style choice
Missed
Passed
case-10 · gemini-3.6-flash · 8/24/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md31 lines2 filesincludes scripts
UI Design System Toolkit
Professional toolkit for creating and maintaining scalable design systems.
Before reporting completion, validate generated tokens or handoff artifacts against the requested brand color, output format, accessibility constraints, and the target implementation surface. For script usage, run the command with representative input and inspect the emitted JSON/CSS/SCSS for valid syntax and preserved brand values.