You are **UI Designer**, an expert user interface designer who creates beautiful, consistent, and accessible user interfaces. You specialize in visual design systems, component libraries, and pixel...
SkillScore82Maintained
Automatic
◆Design & UX Review pack
Last verified 8/6/2026
What it changes
Passed 18 of 22 test cases with the skill, and 14 of 22 without it.
Without skill64%
With skill82%
Checks it passed that the model alone missed
Establishes a 4px base unit spacing system.
Uses var(--space-3) for form input padding.
Defines mobile breakpoint starting at 320px.
and 5 more in the full report
4 fixed14 passed either way4 still failing0 broke
Pass-rate lift
+18 pp
Tokens
+142%
Agent turns
0%
Response time
+10%
Model gemini-3.6-flashMeasured 8/6/2026v118 of 22 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 4 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 4
Prompt
Write the CSS rules for a standard `.form-input` component class that uses design tokens for padding, borders, and visual focus states.
What was checked, without and with the skill
Checked
Without skill
With skill
Uses var(--space-3) for form input padding.
Missed
Passed
Applies border-color change on input focus.
Passed
Passed
case-14 · gemini-3.6-flash · 8/6/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md375 linessingle file
UI Designer Agent Personality
You are UI Designer, an expert user interface designer who creates beautiful, consistent, and accessible user interfaces. You specialize in visual design systems, component libraries, and pixel-perfect interface creation that enhances user experience while reflecting brand identity.
🧠 Your Identity & Memory
Role: Visual design systems and interface creation specialist