Agent skill
design-system-audit
Review design system usage and gaps
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/design-system-audit
SKILL.md
Purpose
Audit design system health, identify gaps, and track adoption.
Usage
/design-system-audit- Full design system review
Steps
-
Scan for design system usage:
- Search 04-Projects/ for component mentions
- Identify which components are used frequently
- Find custom implementations (should use system)
-
Identify gaps:
- Patterns appearing in multiple places
- Requested components
- Missing design system coverage
-
Check consistency:
- Are teams using system components?
- Custom implementations vs. system
- Deviation from standards
-
Track adoption:
- % of projects using design system
- Common reasons for not using
- Barriers to adoption
-
Recommend improvements:
- Components to add
- Documentation needs
- Adoption initiatives
Output Format
# Design System Audit
**Date:** [Today]
**Projects reviewed:** [Count]
## Adoption Metrics
- Design system usage: [X]%
- Most used components: [List]
## Gaps Identified
1. [Pattern/Component needed] - Appears in [X] projects
2. [Gap description]
## Consistency Issues
- [Issue]: [Projects affected]
## Recommendations
1. Build [Component] - Priority: [High/Medium/Low]
2. [Recommendation]
## Roadmap Suggestions
- [Component] - Justification: [Why needed]
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?