design-system-audit

Solid

Use when assessing use of named design-system components or tokens across a defined sample of product artifacts, including adoption and deviation questions.

AI & Automation 485 stars 129 forks Updated yesterday NOASSERTION

Install

View on GitHub

Quality Score: 85/100

Stars 20%
89
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

<!-- Generated from `.claude/skills/_available/design/design-system-audit/SKILL.md` by `scripts/generate-agents-skills.py`. Do not edit. --> # 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...

Details

Author
davekilleen
Repository
davekilleen/Dex
Created
8 months ago
Last Updated
yesterday
Language
Python
License
NOASSERTION

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

design-system-audit

Audit a design system for consistency, completeness, accessibility, component and token coverage, documentation drift, and cross-platform coherence. Use before scaling, redesigning, migrating, or releasing a mature product system.

1 Updated 6 days ago
Gaurav890
Web & Frontend Listed

design-system-adherence

Audits whether a finished artifact actually follows the design system it was supposed to follow. Takes a design system as the yardstick (a Claude Design bundle, a CSS token file, a stylesheet) plus one or more artifacts (PDF, PNG/JPG, HTML) and returns measured findings — colour, typography, contrast — each with computed severity, the evidence it rests on and a specific fix. It DIAGNOSES; it does not redesign, rewrite or produce corrected assets, and it refuses to run without a design system to measure against. Use it whenever someone asks "does this follow our design system?", "is this on brand?", "audit this deck against our tokens", "check these screens against the styleguide", "why does this look off?", "did they use our colours?", "is our brand consistent across these pieces?", "review this PDF for brand compliance", or shares a design system together with something made from it. Also triggers on "contrast check", "WCAG audit" and "accessibility check" when a stylesheet is supplied.

0 Updated 3 days ago
santiagocardonao
Web & Frontend Listed

design-system-audit

Use when reviewing UI tokens, components, layout density, accessibility, visual consistency, or design handoff constraints.

4 Updated 1 weeks ago
Leo-maomao