design-system-audit

design-system-audit is a skill for Claude Code, Codex from davekilleen/Dex. It costs 30 tokens per session (1,134 once invoked), scanned C, original, MIT.

An audit of how named design-system components or tokens are used across a defined sample of product artifacts. A design system is a shared set of interface parts and style values.

In plain words
What is it for?
Use it to assess design-system usage across selected screens, pages, or other product artifacts.
Why use it?
It shows where the product follows the shared design rules and where it differs, including questions about adoption and deviations.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one. Also seen: reads .claude/ paths; installed under .agents/ (shared by several agents).

Good fit Use it to assess design-system usage across selected screens, pages, or other product artifacts.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/davekilleen/dex/design-system-audit
Install

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.

Any agent
npx skills add davekilleen/Dex --skill design-system-audit
Clone the repo
git clone --depth 1 https://github.com/davekilleen/Dex

Made for: Claude Code, Codex.

Wrote 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.

agentmods badge for design-system-audit

README.md
[![agentmods](https://agentmods.dev/badge/skills/davekilleen/dex/design-system-audit/github.svg)](https://agentmods.dev/skills/davekilleen/dex/design-system-audit)
Your own site
<a href="https://agentmods.dev/skills/davekilleen/dex/design-system-audit"><img src="https://agentmods.dev/badge/skills/davekilleen/dex/design-system-audit/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.

agentmods 80×15 button for design-system-audit

Your own site · 80×15
<a href="https://agentmods.dev/skills/davekilleen/dex/design-system-audit"><img src="https://agentmods.dev/badge/skills/davekilleen/dex/design-system-audit.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 30 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,134 The whole file, excluding the scripts and references it only reads on demand.
Security scan C 1 finding. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5.1 $0.00030 $0.01134
Opus 5.5 $0.00012 $0.00454
Sonnet 5.5 $0.00006 $0.00227
Haiku 4.5 $0.00003 $0.00113

Measured 2mo ago against content hash 50e1834903d5, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade C, and why

design-system-audit scanned grade C with 1 finding 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 2mo 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.

Hidden instructionshighPrompt injection

Directives inside HTML comments, invisible characters or bidirectional overrides are read by the model and not by the person reviewing the file.

<!-- Generated from `.claude/skills/_available/design/design-system-audit/SKILL.md` by `scripts/generate-agents-skills.py`. Do not edit. -->
.agents/skills/_available/design/design-system-audit/SKILL.md · 103 lines

How it starts

The opening of the file, as written. The whole thing — 103 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Design-system audit

When to use

Use this skill when a named design system has a canonical component or token source and the requester can define the artifact sample and as-of boundary. It can assess adoption, coverage, repeated patterns, deviations, and documented exceptions without changing them.

Do not use it to define a new system, refactor product work, approve an exception, or claim organization-wide adoption from an undeclared sample. Not for editing components, tokens, design files, code, or adoption records without a separately confirmed action.

Inputs and source discipline

  • Identify the canonical component and token sources, version, source date, and as-of date/time. Record the rule that makes a component or token canonical; if the source is missing or contradictory, keep adoption unknown.
  • Declare the sample and coverage: population if known, eligibility rule, included and excluded artifacts, artifact/version dates, and inspection method. Do not call a sample representative without evidence for that claim.
  • Define adoption numerator and denominator before counting. Record the adoption source, source date, retrieval/as-of date, and items that are uncountable; never invent a denominator or percentage.
  • Locate exception records and their rationale, authority, version, and date. Treat a local pattern as an observation, not an approved exception, unless the source says so.

Method

  1. Confirm the canonical sources, versions, sample boundary, coverage declaration, timezone if relevant, and as-of date/time.
  2. Inspect the declared sample read-only. Record exact canonical component/token usage by stable artifact and location, and mark unreadable or ambiguous cases unknown.
  3. Apply the declared adoption definition. Reconcile numerator and denominator from eligible artifacts only; report excluded, duplicate, and uncountable items separately.
  4. Compare observed usage with the canonical version. Classify a deviation only when the canonical rule supports that classification and no approved exception covers it.
  5. Classify an intentional exception only with an explicit rationale, authority, source, and date. Otherwise distinguish unsupported deviation, possible equivalence, stale documentation, and unknown rather than guessing intent.
  6. Identify repeated patterns and coverage gaps, state confidence and evidence, and offer recommendations as proposals. Do not approve a component, exception, or roadmap item.
  7. Show a complete report preview before any requested save or downstream action and obtain explicit confirmation from the human authority.

Read the full file on GitHub · 103 lines

Changes

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.

  1. 2mo ago Changed · +2 lines scan A → C 50e1834903d5
  2. 2mo ago First seen · 101 lines · 30 tokens per session scan A e338e34e57bb

Subscribe to this mod's changes

design-system-audit is a skill published in the GitHub repository davekilleen/Dex (512 stars, last pushed 8d ago), licensed MIT. It adds 30 tokens to every session and 1,134 once invoked, about $0.0001 per session on Opus 5.5. A static security scan graded it C with 1 finding (hidden instructions). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

design-system-audit compared with skills from other repositories

design-system-audit next to 6 skills from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
design-system-auditdavekilleen/DexSkill5128d agoMITC30Claude Code, Codex
brand-landingpagewshobson/agentsSkill42kyesterdayMITA112Claude Code
wcag-audit-patternswshobson/agentsSkill42kyesterdayMITA45Claude Code
mermaid-diagramshiwenwen/hope-agentSkill1.9kyesterdayMITA55Claude Code, Codex
visualizevellum-ai/vellum-assistantSkill1.5k2d agoMITA57Claude Code, Codex
vellum-workspace-themevellum-ai/vellum-assistantSkill1.5k2d agoMITA72Claude Code, Codex
vellum-avatarvellum-ai/vellum-assistantSkill1.5k2d agoMITA24Claude Code, Codex