How it works · 2 min read

How dwic works.

One command finds what’s broken in your design. Claude Code fixes it.

The check

One command, eight checks.

Your tools check your code. Nothing checks your design. So faint text, odd font sizes and unlabelled fields ship unnoticed.

dwic reads your CSS and components and lists what’s wrong. No AI. Your code stays on your computer. Same answers every time.

$npx dwic-audit

No account. No install. Works without Claude Code.

Accessibility

labels, heading order, alt text

Fix before you ship

Color

contrast, off-brand accents

Fix before you ship

Typography

type scale, line height, font weights

Spacing

off-grid values, big jumps

Forms

labels, input types, error wiring

Navigation

landmarks, current page, mobile menu

Motion

reduced motion, long durations

Copy

weak buttons, jargon, shouting

Accessibility and contrast are ranked first, under Fix before you ship. WCAG AA failures are a compliance risk under the EU Accessibility Act, in force since June 2025. Everything else is cleanup.

Every run prints a summary and saves a report to .dwic/ for your pull request. Errors fail the build in CI. Add --watch to re-check on every save.

In Claude Code

Ask it to fix things.

Set it up once and dwic works inside Claude Code. Ask for the color-specialist or the accessibility-specialist. dwic finds the problems. Claude fixes them.

$npx dwic-audit setup

Restart Claude Code once. The specialists show up as tools in every project.

It remembers your project. The first time, it asks what you’re building and what you use. After that you don’t repeat yourself.

Nothing is hidden. Each specialist is a plain text file, free in the design skill library. The /color-specialist slash command reads the same file. dwic adds the checks and the memory.

Limits

What it won’t do.

  • Rules, not taste. It won't say if your design is good, only where it breaks its own rules.
  • No guessing. It never invents a problem, but it only finds what the rules cover.
  • No redesigns. It reports. You ask Claude for the fixes.
  • Choices, not code. It remembers your decisions, not your whole codebase.

Next

Where to go from here.

Design Research →

How well AI builds interfaces, measured.

/design-research

Pattern library →

36 AI UX patterns from the best AI products.

aiuxdesign.guide

Free specialist library →

48 design specialists as slash commands. Install one at a time.

/library

Try it.

One command. Any project. Takes seconds.

$npx dwic-audit