skills.rest
davekilleen
davekilleenCOMMUNITY
Explore all skills by this author →
GitHub

design-system-audit

Scan project files for design system component mentions and identify gaps.

461|129|Updated Jan 26, 2026
Search Tags:#consistency#design system#audit#component library#adoption#gaps
One-click install
npx skills add https://github.com/davekilleen/Dex --skill design-system-audit-davekilleen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-system-audit
Source: https://github.com/davekilleen/Dex/tree/main/.claude/skills/_available/design/design-system-audit
Command: npx skills add https://github.com/davekilleen/Dex --skill design-system-audit-davekilleen

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the common issue of design systems drifting over time, leading to inconsistencies and gaps in component usage and availability.

Core Features & Use Cases

  • Design System Review: Scans projects for mentions of design system components.
  • Gap Identification: Pinpoints inconsistencies, missing components, and areas needing coverage.
  • Adoption Tracking: Monitors the usage and adoption rate of the design system.
  • Use Case: A product team can use this to ensure all new features are built with the established design system components, maintaining brand consistency and development efficiency.

Quick Start

Run the design system audit to review usage and gaps across projects.

Frequently Asked Questions about design-system-audit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit design system usage and consistency across projects?▼

To identify gaps in a design system, scan project files to pinpoint inconsistencies and missing components. This process highlights areas needing coverage and suggests new components to build, ensuring adherence to design standards across projects.

How do I identify gaps and missing components in a UI component library?▼

To identify gaps in a UI component library, scan project files to pinpoint missing components and usage inconsistencies. This process highlights areas needing coverage and suggests new components to build, ensuring adherence to design standards across projects.

What is design system drift and how do I track component adoption?▼

To track design system adoption, scan project files for component mentions and analyze usage patterns. This monitors the adoption rate of your UI component library, ensuring new features maintain brand consistency and development efficiency.

Can I track design system adoption rate by scanning project files?▼

Yes, you can track design system adoption by scanning project files for component mentions and analyzing patterns. This monitors the usage rate of your UI component library, ensuring new features maintain brand consistency and development efficiency.

Does the design system audit require specific file formats or frameworks?▼

The design system audit requires no specific dependencies or frameworks. It works by scanning project files for component mentions and analyzing patterns, making it suitable for design and product roles auditing UI component libraries across any tech stack.

Related Skills

Explore More Design & Creative Skills→
whmathews15whmathews15
1

design-system-audit

Audit design system usage and identify component coverage gaps across projects.

Community
Intermediate
TheBushidoCollectiveTheBushidoCollective
187

runbooks-troubleshooting-guides

Diagnose operational issues using structured troubleshooting runbooks.

Official
Basic
allenlin90allenlin90
1

frontend-ui-components

Render and compose UI primitives from the @eridu/ui library.

Community
Intermediate
billh93billh93

extract

Identify UI patterns and consolidate reusable components and design tokens into a system.

Community
Intermediate