imsaif/design-with-claude
8 stars · Last commit 2026-06-05
37 specialist agents + 1 master command — 38 design experts as Claude Code commands. Bring senior design expertise into every coding session. No runtime. No dependencies. No API keys. Just markdown files that give Claude deep design knowledge.
README preview
# dwic — a senior designer inside your terminal dwic (design with claude) puts a senior designer inside Claude Code. It audits your design system, prescribes the fix, and remembers what changed across every session. ## The one-line audit ``` npx @imrandwc/dwic audit ``` No token, no install, no Claude Code required; it runs entirely on your machine. dwic scans your project, prints a dashboard of design-system gaps across 8 categories (color, typography, spacing, accessibility, forms, navigation, motion, copy), and writes a shareable markdown report to `.dwic/audit-<date>.md`. The check is deterministic (WCAG contrast math, token parsing, markup heuristics), so it's reproducible and CI-friendly via its exit code. Run against a deliberately-broken fixture: ``` dwic audit • examples/broken-project Scanned: 2 CSS files · 1 component · Next.js 15 + Tailwind v4 ✗ Typography 3 findings sizes off the scale, weak weights ✗ Accessibility 6 findings unlabeled inputs, heading order, no landmarks ⚠ Color 3 AA fails ⚠ Forms 4 findings unlabeled input, missing <fieldset>