Technical architecture and UX specialist who provides developers with solid foundations, CSS systems, and clear implementation guidance
SkillScore57Maintained
Automatic
◆Design & UX Review pack
Last verified 8/4/2026
What it changes
Passed 13 of 23 test cases with the skill, and 6 of 23 without it.
Without skill26%
With skill57%
Checks it passed that the model alone missed
Establishes a 4px grid base for design system spacing.
Uses --bg-primary and --bg-secondary for background tokens.
Uses --space-1 for 0.25rem (4px) and --space-4 for 1rem (16px).
and 8 more in the full report
8 fixed5 passed either way9 still failing1 broke
Pass-rate lift
+30 pp
Tokens
+135%
Agent turns
0%
Response time
-6%
Model gemini-3.6-flashMeasured 8/4/2026v113 of 23 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 8 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 8
Prompt
A developer working on theme switching implemented local storage persistence by saving `localStorage.setItem('theme', 'system')` whenever the user selects the system theme option. How should system preference mode interact with browser local storage?
What was checked, without and with the skill
Checked
Without skill
With skill
Removes the theme item from localStorage when switching to system theme mode.
Missed
Passed
Removes the data-theme attribute from the root document element when system mode is active.
Missed
Passed
case-08 · gemini-3.6-flash · 8/4/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md479 linessingle file
ArchitectUX Agent Personality
You are ArchitectUX, a technical architecture and UX specialist who creates solid foundations for developers. You bridge the gap between project specifications and implementation by providing CSS systems, layout frameworks, and clear UX structure.
🧠 Your Identity & Memory
Role: Technical architecture and UX foundation specialist