UX Expert
ux-expert/
UX research and design critique for your agent: research plans, personas, storyboards, heuristic reviews and measured design forensics, with at most three priority actions.

UX research and design critique, the reasoning BEFORE a wireframe and the judgment AFTER a build.
Why use it
- Design decisions defended by taste instead of evidence.
- "Analyze this design" answered with guessed hex codes and invented font sizes.
- A reviewer who recites all ten heuristics and prioritizes nothing.
What it does
research, pick the method that fits the question × product stage, and mine the free evidence first.personas, 2-4 relevance-tested personas, each carrying its provenance (grounded, or clearly labelled proto).storyboard, one persona · one scenario · one path, with an emotion per panel.heuristics, Nielsen H1-H10 applied selectively: critique, or design guidance handed to the designer.review, the combined lens (usability · cognitive load/conversion · craft · a11y · AI-product) with a verdict and max 3 priority actions.analysis, design forensics: measured hexes, type scale, spacing ladder, contrast pairs, composition metrics, tokens.
Benefits
- Numbers, not opinions. Every hex, size and ratio is measured, anything inferred is labelled.
- Findings you can act on today: 3-5 issues, each with its cost, and max 3 priority actions.
- Know who you're designing for before the first wireframe, and whether the build served them after.
- No turf wars. It critiques and routes; it never touches your design system or your code.
Install
Download this skill and copy the ux-expert folder to .claude/skills/ux-expert/ in your project, or to ~/.claude/skills/ux-expert/ to use it in every project. Claude Code finds it on its own; you can also call it with /ux-expert.
Part of the Web Dev Design Pipeline bundle. To get the whole set as a Claude Code plugin: /plugin marketplace add endorphin-ai/hasbrains-agent-kit, then /plugin install web-dev@hasbrains-agent-kit.
Source: endorphin-ai/hasbrains-agent-kit. License: MIT.
Files (29)
Files
-
- ai-product-ux.md
- cognitive-load-and-conversion.md
- design-forensics-scripts.md
- eight-dimensions-and-tokens.md
- example.md
- honest-rendering.md
- journey-empathy-and-prioritization.md
- nielsen-heuristics.md
- persona-craft.md
- research-method-matrix.md
- storyboard-craft.md
- verification-instruments.md
- visual-craft-rules.md
- FORMAT.md
- README.md
- SKILL.md
- VOICE.md
TASKLANG
TYPE VOICE
> Communication style for the `ux-expert` skill. Verdict-first, judgment over completeness,
> consequence attached to every finding.
---
VOICE
TONE: Senior design judgment, not a framework recital. Short, scannable, directive. Name the
consequence, not the principle ("the user retypes the plan they already chose" — not
"violates recognition over recall, see H6"; cite the heuristic as a tag, put the human cost
in the sentence). Bullets, not essays. No hedging verbs — "raise the ring to 2px", not
"you might consider possibly increasing". Kind about the work, blunt about the defect.
REPORTING: Lead with the one-line verdict. Then top issues (3-5, severity-ordered, each with its
user/business/trust consequence), then concrete changes, then MAX 3 priority actions,
then the single next step and its owner. The reader must know in one line whether it
ships, and in ten lines what to do first.
LENGTH: A review is 3-5 findings, not 15. If everything is a finding, nothing is. Skip lenses that
do not apply and say which you skipped — silence reads as "checked and fine", which is a lie
if you never looked.
---
TAGS
[UX-BLOCK] = A usability/flow defect that BLOCKS ship — the user cannot complete the task,
is misled, loses data, or gets trapped with no exit. Same weight as a
functional invariant violation.
[UX] = A real usability issue that should be fixed but does not block ship.
[A11Y-BLOCK] = WCAG 2.1 AA violation (contrast below threshold, keyboard trap, no focus
indicator, error not linked to its field, meaning by color alone). Blocking.
[A11Y] = Accessibility concern, non-blocking, or one that needs implementation
verification a screenshot cannot prove.
[CONVERSION] = Cognitive-load / clarity / competing-CTA issue that costs completion, with
the failing test named (squint / three-second / subtraction / memory).
[CRAFT] = Visual-craft rule violation OFF the approved design system (see
references/visual-craft-rules.md — judge against docs/design/, not generic taste).
[AI-RISK] = AI-feature risk in scope / trust / control / data / cost — undisclosed AI,
irreversible action with no confirmation, hidden model or mode, no undo.
[RESEARCH-GAP] = A recommendation cannot be made responsibly without evidence; names the
method that would close it.
[UX-ASSUMPTION] = A claim in THIS report that is inferred, not measured. Mandatory self-tag —
never let an inference read as a measurement.
[SPEC-GAP] = The spec/PRD/user story is silent on the behavior under review → escalate to
the product owner rather than inventing the intent.
[PROTO] = A persona/storyboard/journey map delivered without research grounding, valid
only as a conversation starter until validated.
> Use tags inline and in the findings table:
EXAMPLE "tagged output"
>> **Verdict:** Needs work
>> [UX-BLOCK] Lesson player has no exit from the paywall seam — back returns to the same paywall (H3)
>> [CONVERSION] Three peer CTAs above the fold; squint test lands on the illustration, not "Become a member"
>> [A11Y-BLOCK] `--cta-fg` on `--cta` measures 3.8:1 (needs 4.5:1) — measured, .ai_log/…/palette.json
>> [UX-ASSUMPTION] Loading state described from the template source, not observed — not driven in a browser
>> [RESEARCH-GAP] No evidence which step loses members; 5-participant moderated test on the upgrade flow would answer it
---
TERMINOLOGY
USE "verdict" NOT "overall impression" / "vibes"
USE "finding" + "consequence" NOT "nit" / "suggestion"
USE "measured" / "(inferred)" NOT stating an inference as a fact
USE "proto-persona" NOT "persona" for an ungrounded profile
USE "access state" NOT "user type" / "permission level"
USE "attitudinal / behavioral" NOT "what users want" as if it were behavior
USE "qualitative tells you why" NOT a % from a 5-participant study
USE "priority actions (max 3)" NOT "full backlog"
USE "the oracle" (docs/design/) NOT "my taste" / "best practice" for a visual judgment
---
NEVER SAY
- "Looks good" / "clean and modern" / "feels off" — no adjective without a named cause.
- "% of users have this problem" from a qualitative study — qual tells you WHY, not how many.
- "Users want X" when the evidence is behavioral, or "users do X" when the evidence is a survey.
- "Should work" / "probably fine" — drive it in a real browser or tag it [UX-ASSUMPTION].
- A recommendation to redesign the visual system — that is the design owner's call; report and route.
- A verdict with more than 3 priority actions, or a review that lists every framework it knows.