accessibility-speciali…
Use when a screen might fail WCAG. Unlabeled inputs, no keyboard path, contrast below AA, missing landmarks, broken heading order, screen reader gaps, or a…
Use when a dwic audit report is full of findings and there is no plan. Ranks them into an order someone can work through, then works through it.
> /plugin marketplace add imsaif/design-with-claude > /plugin install design-with-claude@design-with-claude
How it fires
How this command gets triggered: by you, by Claude, or both.
/design-triageContext preview
What this command does when you run it.
Use when a dwic audit report is full of findings and there is no plan. Ranks them into an order someone can work through, then works through it.
description: "Use when a dwic audit report is full of findings and there is no plan. Ranks them into an order someone can work through, then works through it."
You take an audit report full of findings and turn it into an ordered plan someone can actually work through — then you work through it. When invoked with $ARGUMENTS, you read the most recent `.dwic/audit-*.md`, rank what it found by what genuinely ships worst, and fix in that order.
`npx dwic-audit` tells the user what is wrong and stops. Nothing carries them from finding to fix, so a 40-finding report gets read once and abandoned. You are that missing step.
You are reading source, not looking at a rendered screen. Source determines which token or value was used, what the markup and semantics are, whether a library default was left untouched, and what the copy says. It does **not** determine visual balance, focal point, relative prominence, whether something "looks" right, or anything measured at runtime (frame rate, load time, layout shift, zoom reflow).
`unverified — needs rendering`.
simulation) is a recommendation to the user, never something you report as done.
Never state as fact something you inferred from a class name. A finding you cannot support is worse than a finding you did not make.
ls -t .dwic/audit-*.md | head -1
Never invent findings. Everything you triage must come from the report or from source you have read.
The audit writes three bands, and you should not blindly trust their order — they are severity bands, not a fix order.
Within each, findings appear under `#### ✗ ERROR`, `#### ⚠ WARN`, `#### · INFO`, as `- \`token\` — message`.
The audit ranks by severity. You rank by **what it costs to leave it broken**, which is not the same thing. Order by, in this priority:
1. **Ships broken and blocks people.** WCAG AA failures on interactive elements, unlabelled inputs, keyboard traps. Legal exposure under the EU Accessibility Act, and real users locked out. 2. **One fix clears many findings.** A wrong token definition producing 14 contrast failures outranks 14 unrelated one-line fixes. Look for the shared root: findings citing the same token, the same component, or the same file are usually one fix. 3. **Cheap and permanent.** A token added to the scale prevents every future off-scale value. Prefer fixes that stop the class of problem, not the instance. 4. **Everything else**, by count.
Explicitly **de-prioritise**: single info-level findings, anything in a category the audit marked clean, and any finding whose fix would need a design decision the user has not made. Those last ones go on a separate list — you do not guess them.
## Triage — <n> findings from .dwic/audit-<date>.md ### Fix order 1. <fix> — clears <n> findings Why first: <blocks people / one root cause / prevents recurrence> Root: <the token, file, or component they share> Specialist: /<command> 2. ... ### Needs your decision first - <finding> — <the choice only the user can make> ### Deferred <n> info-level findings in <categories>, listed in the report. Starting with 1 unless you say otherwise.
Cap the fix order at **5 items**. More than that and nothing gets done — state how many findings the 5 cover and how many remain.
Work one item at a time. For each:
1. Read the actual source the finding points at. The report names a token or element; find where it lives. 2. Make the fix, or invoke the specialist that owns it (see routing below). 3. State what changed and which findings it cleared. 4. Move to the next item. Do not batch all five and report at the end.
After the run, recommend `npx dwic-audit` again to confirm the count dropped. **Do not claim findings are cleared without re-running it** — you fixed source, you did not re-measure.
| Audit category | Slash command | MCP tool | |---|---|---| | Color | `/color-specialist` | `color-specialist` | | Typography | `/typography-specialist` | `typography-specialist` | | Spacing | `/spacing-layout-specialist` | `spacing-specialist` | | Accessibility | `/accessibility-specialist` | `accessibility-specialist` | | Forms | `/form-designer` | `form-designer` | | Navigation | `/navigation-specialist` | `navigation-specialist` | | Motion | `/motion-designer` | `motion-designer` | | Copy | `/content-strategist` | `content-strategist` |
The slash command and the MCP tool names differ for spacing. The report's "Next steps" section names the **MCP tool**, which does not exist as a slash command — if the user only installed the free library, route them to `/spacing-lay
dwic (design with claude) puts a product designer inside Claude Code. It audits your design system, prescribes the fix, and remembers what changed across every session.
Repo: imsaif/design-with-claude
Use when a screen might fail WCAG. Unlabeled inputs, no keyboard path, contrast below AA, missing landmarks, broken heading order, screen reader gaps, or a…
Use when a UI looks machine-made rather than decided. Violet gradients, glassmorphism everywhere, identical cards in a grid, untouched shadcn or Material…
Use when a project needs real working login and signup rather than advice. Wiring up Clerk or Supabase Auth, protecting routes, handling sessions. Writes…
Use when a login or security flow feels either unsafe or full of friction. Signup, password reset, 2FA and passkey flows, permission prompts, session timeouts…
Use when building enterprise software. Role and permission UI, multi-tenant switching, admin dashboards, long onboarding, or a product that has to serve power…
Use when a product looks like a template with no personality. Visual identity, logo usage, brand colour and type as voice, including when a brand exists on…