design-system-audit

Solid

Audit a design system for consistency, coverage, and quality. Use when asked to audit a design system, review a component library, assess design token coverage, or evaluate the health of a shared design system. Produces a structured audit with a health score, component coverage gaps, token inconsistencies, accessibility issues, and a prioritised remediation roadmap.

Web & Frontend 915 stars 165 forks Updated 3 days ago MIT

Install

View on GitHub

Quality Score: 93/100

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

Skill Content

# Design System Audit Skill This skill produces a structured audit of a design system — covering component coverage, token consistency, documentation quality, accessibility compliance, contribution processes, and adoption health. Output is ready for a design system team, design leadership, or an engineering team evaluating their shared component library. ## Required Inputs Ask the user for these if not provided: - **Design system name** and what product(s) it serves - **Audit scope** — component library / design tokens / documentation / contribution process / all of the above - **Current tooling** — Figma / Storybook / Zeroheight / custom / combination? - **Team using it** — how many designers and engineers, how many products? - **Known pain points** — what do teams complain about most? - **Governance model** — centralised team / federated contributors / no dedicated team? - **Goal of the audit** — improve adoption / prepare for a rebrand / onboard new teams / justify investment? ## Output Structure --- # Design System Audit: [System Name] **Products served:** [List of products / apps] **Audit scope:** [Full / Components only / Tokens only / Documentation] **Auditor:** [Name / Team] **Date:** [Date] **Stakeholders:** [Design lead, Eng lead, CPO, etc.] --- ## Overall Health Score | Dimension | Score (1–5) | Status | |---|---|---| | Component coverage | [X/5] | 🟢/🟡/🔴 | | Token consistency | [X/5] | 🟢/🟡/🔴 | | Documentation quality | [X/5] | 🟢/🟡/🔴 | | Accessibi...

Details

Author
mohitagw15856
Repository
mohitagw15856/pm-claude-skills
Created
4 months ago
Last Updated
3 days ago
Language
Shell
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

design-system

Use this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling.

199,464 Updated today
affaan-m
Web & Frontend Listed

design-system-architecture

Use when designing or auditing a design system's architecture: token taxonomy, semantic tokens, component APIs, theming, accessibility contracts, documentation, governance, and migration strategy. Do NOT use for information hierarchy and navigation (use `information-architecture`), page-specific layout (use `layout-composition`), visual craft direction (use `visual-design-foundations`), sentence-level UI copy (use `microcopy`), or accessibility-only audits (use `a11y`).

0 Updated 5 days ago
jacob-balslev
Web & Frontend Solid

design-system

Build or audit a design system including component library, design tokens, naming conventions, contribution model, and documentation. Use this skill whenever the user wants to build a design system, audit an existing system, define design tokens at the system level, structure a component library, or set up design system governance. Triggers on design system, component library, design tokens, atomic design, atoms, molecules, organisms, design system documentation, Storybook, Figma library, system governance, design contribution model. Also triggers when teams are inconsistent across products and a system is the answer.

280 Updated 2 days ago
rampstackco
AI & Automation Listed

design-system

Audit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a component's variants, states, and accessibility notes, or designing a new pattern that fits the existing system.

2 Updated yesterday
nota-america
AI & Automation Listed

design-tokens-audit

Scan codebase for hardcoded values that should be design tokens (colors, spacing, font-size, radius) and surface drift against the registry

1 Updated 4 days ago
bakw00ds