theme-audit
CommunityEnsure theme consistency across your design system.
Authormurphytrueman
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill identifies and rectifies inconsistencies in design system themes, ensuring that visual elements render correctly across different modes like light, dark, or brand variants. It prevents visual bugs and maintains a cohesive user experience.
Core Features & Use Cases
- Theme Coverage Audit: Detects missing tokens in specific themes.
- Component Tier Propagation Check: Verifies that component tokens correctly inherit from semantic tokens across themes, preventing "tier leakage."
- Visual Consistency Validation: Checks for logical visual errors within each theme (e.g., contrast ratios, color hierarchy).
- Regression Risk Assessment: Identifies patterns in code that may break during theme switches.
- Use Case: After launching a new dark mode, use this Skill to automatically scan all your tokens and components to ensure every element has a corresponding dark mode value and that no unexpected visual glitches appear.
Quick Start
Run an audit of all themes in the current project.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: theme-audit Download link: https://github.com/murphytrueman/design-system-ops/archive/main.zip#theme-audit Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.