Claude Tools / Plugins / sumi
Plugins · phazurlabs/ux-ui-mastery
sumi
UX/UI design intelligence for Claude Code — 44 skills, 189 reference files, 37 commands. Start with /sumi:start. Cognitive psychology and Laws of UX, NNG heuristics, WCAG 2.2 accessibility, W3C design tokens, production component code (React/SwiftUI/CSS), Figma design-to-code, visual quality scoring, and AI interface patterns.
CLEARED_STATICclaude-onlyv4.1.0
Pipeline results
Coverage
CLEARED_STATIC
Tests run
7 / 8
Portability
Claude-only
Type
Plugins
Tests & results
What the pipeline checked
What's inside
Components found
commands/a11y.md
componentmedium
commands/ai-audit.md
componentmedium
commands/animate.md
componentmedium
commands/audit.md
componentmedium
commands/before-after.md
componentmedium
commands/benchmark.md
componentmedium
commands/brief.md
componentmedium
commands/component.md
componentmedium
commands/dark.md
componentmedium
commands/figma.md
componentmedium
commands/fix.md
componentmedium
commands/form.md
componentmedium
commands/generate.md
componentmedium
commands/grade.md
componentmedium
commands/icon.md
componentmedium
commands/layout.md
componentmedium
commands/map.md
componentmedium
commands/measure.md
componentmedium
commands/nav.md
componentmedium
commands/next.md
componentmedium
Coverage
Not assessed
- behavioural execution not run
- egress patterns logged (FLAG-INFO): 13 lexical match(es)
README
From the repository
# Sumi **Design intelligence for Claude Code.** Sumi gives Claude the working knowledge of a senior product designer — cognitive psychology, usability heuristics, accessibility law, design systems, and production component code — and the commands to act on it. `v4.1.0` · 44 skills · 189 reference files · 37 commands · Apache-2.0 --- ## Start here Install it: ``` /plugin marketplace add phazurlabs/sumi /plugin install sumi@sumi-marketplace ``` Then type one thing: ``` /sumi:start ``` It asks what you're working on in plain language, picks the right process, and runs it. You never have to know what any of the 44 skills are called. That's the whole onboarding. Everything below is for when you want to drive it yourself. --- ## Three ways to use it **1. Let it route you.** `/sumi:start` asks one question and begins. Best when the job spans more than one thing — a redesign, a launch, a new product. **2. Run a command.** If you know what you want, go straight at it. Typing `/` shows what each expects. ``` /sumi:audit src/checkout/ /sumi:component a date picker, React, with error and disabled states /sumi:fix DashboardCard.tsx ``` **3. Just ask.** Skills activate on their o…