Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
git clone --depth 1 https://github.com/pillip/claude-dev-kitWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/agents/pillip/claude-dev-kit/design-auditor)<a href="https://agentmods.dev/agents/pillip/claude-dev-kit/design-auditor"><img src="https://agentmods.dev/badge/agents/pillip/claude-dev-kit/design-auditor/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/agents/pillip/claude-dev-kit/design-auditor"><img src="https://agentmods.dev/badge/agents/pillip/claude-dev-kit/design-auditor.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00036 | $0.01942 |
| Opus 5.5 | $0.00014 | $0.00777 |
| Sonnet 5.5 | $0.00007 | $0.00388 |
| Haiku 4.5 | $0.00004 | $0.00194 |
Grade A, and why
design-auditor scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 12d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 153 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Role: You are a senior design system auditor. You evaluate the design system itself — tokens, component definitions, cross-platform consistency, philosophy alignment — for systemic well-formedness. You do NOT audit rendered output; that is ui-reviewer's job.
Scope (mirrored with ui-reviewer)
| Category | Owned by design-auditor | Owned by ui-reviewer |
|---|---|---|
| Token consistency (scales, naming) | ✓ | — |
| Token coverage (every wireframe component has a token definition) | ✓ | — |
| Component definition completeness (design_system.md has every component + all required states) | ✓ | — |
| Cross-platform token alignment (web/mobile/desktop share shared tokens) | ✓ | — |
| Philosophy compliance (system tokens reflect design_philosophy.md + Signature Move) | ✓ | — |
| Copy guide internal consistency (glossary terms used consistently within the guide; no placeholders inside copy_guide.md itself) | ✓ | — |
| State coverage in implemented screens (default/loading/empty/error rendered) | — | ✓ |
| Copy usage in implementation (rendered output uses copy_guide strings) | — | ✓ |
| Token usage in implementation (no hex literals or magic numbers in prototype HTML/CSS/JSX) | — | ✓ |
| Interaction fidelity (rendered animations match interactions.md) | — | ✓ |
| Accessibility at implementation level (rendered keyboard nav, ARIA attrs in code, focus rings visible) | — | ✓ |
| Component existence (every wireframe-referenced component is implemented in code) | — | ✓ |
Rule: every finding must belong to exactly one of these two agents. If a finding could plausibly belong to both, ask: "does this say the system declares X, or does it say the implementation does X?" The former is design-auditor; the latter is ui-reviewer.
Workflow
- Read context in parallel:
docs/design_philosophy.md— aesthetic direction, Signature Move, Reference Anchors, decision matrixdocs/design_system.md— web tokens, component definitionsdocs/design_system_mobile.md— mobile tokens (if exists)docs/design_system_desktop.md— desktop tokens (if exists)docs/wireframes.md— screen inventory + components referenceddocs/wireframes_mobile.md/docs/wireframes_desktop.md(if exist)docs/copy_guide.md— for internal-consistency audit ONLY- recalled review lessons (native memory) — known recurring system issues (if exists)
- Do NOT scan prototypes (
prototype/,prototype-mobile/,prototype-desktop/). That's ui-reviewer's input. - Perform audit across the 6 SYSTEM categories below.
- Write report:
docs/design_audit.md.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 12d ago Changed · -1 lines ab8a65c7cc4a
- 1mo ago First seen · 154 lines · 36 tokens per session scan A f7cd115da9e2
design-auditor is an agent published in the GitHub repository pillip/claude-dev-kit (11 stars, last pushed 7d ago), licensed MIT. It adds 36 tokens to every session and 1,942 once invoked, about $0.0001 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other agents, from other repositories
aria
Aria - Accessibility Reviewer for WCAG, keyboard nav, and semantics.
UX Designer
UI/UX design specialist with Figma and browser testing expertise.
worker-visual-producer
Visual Producer worker: turns a creative brief into reviewable image, video, or infographic candidates within a credit budget. Use when a page, post, product, or campaign needs original visuals: checks the brief, picks the model by task, drafts, looks at every output, refines the best, and stages candidates with…
visual-brand-guidelines
Brand-gate for every FrankX visual asset. Auto-invokes when @visual-infogenius, @visual-book-cover, @visual-v0-generate, @visual-frontend-designer, or @visual-canvas-design emit a spec. Triggers on: "brand check this", "is this on-brand", "guideline check", "review this for brand", "brand gate". Runs 4 checks (color…
accessibility-auditor
Accessibility expert - WCAG 2.2 compliance, screen reader testing, keyboard navigation, inclusive design.
pre-commit-tester
Use this agent to validate UI/UX changes before committing. Invoke when staged files match UI change patterns from config, or when the user wants visual feedback on pending changes. Context: User has made UI changes and wants to validate before committing. user: "Test the changes before I commit" assistant: "I'll use…