Design System Audit & Tooling Gap Analysis
Audit design systems, inventory components, and map tooling gaps for design ops teams
What You Can Do
Conduct comprehensive design system health reviews by inventorying all components across your design tools and documentation, identifying gaps between intended and actual component usage, analyzing your design tool stack for redundancies and missing capabilities, and generating prioritized remediation roadmaps with specific recommendations for tool consolidation, component creation, or process improvements. Transform fragmented design information into structured audit reports that justify investment decisions and guide your design ops strategy.
Features
Catalog all components, variants, and states with usage metrics and ownership data
Identify missing components, orphaned patterns, and inconsistencies across design surfaces
Evaluate design tool utilization, licensing overlap, integration gaps, and consolidation opportunities
Prioritize action items by impact and effort with phased implementation timelines
Quantify the effect of system gaps on onboarding, consistency, and handoff quality
Pull and cross-reference data from design files, Figma exports, component documentation, and team feedback
Generate executive summaries with ROI projections for design system investments
Example Output
Component Inventory Report:
- 234 total components cataloged (127 primary, 89 secondary, 18 deprecated)
- 34% component reuse rate (target: 65%)
- 12 orphaned patterns used by <2 teams
- Coverage gaps: form validation states (missing in 4 surfaces), micro-interactions, dark mode variants
Tooling Gap Analysis:
- Figma + 3 legacy design tools = $18K annual licensing redundancy
- Missing: component versioning workflow, design-to-code sync automation
- Recommended: Consolidate to Figma + implement tokens plugin, migrate legacy assets Q2
Prioritized Roadmap:
- Unify form patterns (3 weeks, unblocks 6 product teams)
- Implement component versioning (5 weeks, improves handoff by 40%)
- Migrate dark mode variants (2 weeks, enables new product line)
What's Included
- SKILL.md instruction file for Claude:
- Design System Audit Template: spreadsheet-ready component inventory structure
- Tool Stack Assessment Checklist: licensing, integrations, and capability evaluation
- Gap Analysis Framework: systematic method for identifying missing components and inconsistencies
- Remediation Roadmap Canvas: prioritization matrix linking gaps to business impact and implementation effort
Who It's For
- Design Operations Managers planning system investments and team scaling
- Design System Leads conducting quarterly health reviews and maintenance prioritization
- Design Directors building business cases for design system resourcing and tooling
- Product Design Leaders evaluating consistency across product lines and acquisitions
- Design Governance Committees establishing metrics and accountability for component adoption
Best For
- Quarterly or semi-annual design system health reviews
- Design tool consolidation and migration planning
- Justifying design system investment to leadership and finance
- Scaling challenges (new teams, product lines, acquisitions)
- Onboarding documentation and baseline capability assessment
- Component library expansion roadmapping based on actual usage patterns
- Design-to-development handoff quality analysis and process improvement
You might also like
Analyze raw usability testing data—transcripts, session notes, task completion rates, and participant feedback—to surface recurring patterns and user behaviors. Claude identifies the highest-impact issues, extracts testable insights about user mental models, and generates prioritized recommendations ranked by severity, frequency, and business impact. This cuts manual synthesis time from hours to minutes while maintaining analytical rigor.
by calesthio
You can conduct comprehensive microcopy audits across your entire product, categorizing copy by type and user journey stage. Claude helps you identify clarity gaps, consistency issues, and conversion blockers, then generates tested alternatives with clear rationale. You'll produce copy guidelines, A/B test frameworks, and localization-ready copy that drives measurable improvements in user completion rates and confidence.
by calesthio
This skill helps you craft error messages and notifications that prioritize clarity and actionability over cleverness. You'll generate empathetic microcopy for error states, in-app notifications, empty states, and edge cases—then test variations against different user personas to minimize cognitive load and maximize task completion rates. It bridges UX research insights with production-ready copy that reduces support tickets and builds user trust.
by calesthio
You can systematically design reusable responsive grid systems, establish spacing scales and breakpoint strategies, and document component layout behaviors for seamless developer handoff. This skill generates technical layout specifications that reduce design-to-development friction and ensure accessibility compliance from the design phase, enabling teams to build consistent, scalable web interfaces across all devices.
by calesthio
You can systematically evaluate your design system's health using structured frameworks that assess component consistency, design token usage, documentation completeness, and developer adoption. The skill generates prioritized gap analysis reports that quantify issues—like duplicate components, token sprawl, or implementation friction—and translates findings into executive-ready roadmaps with business cases for remediation. You'll move beyond subjective design assessments to data-backed improvement strategies.
by calesthio
You can rapidly build responsive, production-ready UI designs using Tailwind's utility-first approach. Apply low-level utility classes directly to HTML elements to create custom designs without writing CSS, implement mobile-first responsive layouts, add dark mode and theme customization, and generate optimized CSS bundles through build-time processing that includes only the classes you actually use.
by calesthio
This skill guides you through creating strategic content frameworks that go beyond tone and voice guidelines. You'll synthesize user research with business goals, define content principles, structure information architecture, and document messaging frameworks that teams can reference repeatedly. The result is a comprehensive strategy that ensures every piece of UX content—from microcopy to help documentation—serves both users and business outcomes.
by calesthio
You'll conduct structured culture audits that go beyond surface-level observations to identify root causes of dysfunction in design teams. Using organizational psychology research, you can analyze team feedback patterns, map collaboration barriers across disciplines, and design targeted interventions that address psychological safety gaps, siloed workflows, and retention risks. Claude helps you transform culture diagnostics into measurable improvement plans tied to specific team performance outcomes.
by calesthio