design-system-audit
SolidUse when assessing use of named design-system components or tokens across a defined sample of product artifacts, including adoption and deviation questions.
Install
Quality Score: 85/100
Skill Content
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
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.
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.
design-system-audit
Use when reviewing UI tokens, components, layout density, accessibility, visual consistency, or design handoff constraints.