Back to Brain Lab Skill · UX Expert · ux-expert/
Skill Claude

UX Expert

ux-expert/

2 views 0 downloads

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 Expert: Brain Lab skill for Claude Code

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

VOICE.md /tasklang
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.