About
The Design System Governance skill provides a systematic approach to maintaining design integrity by identifying discrepancies between Figma designs and your codebase. It automates the extraction of color, typography, spacing, and shadow tokens, comparing them across various sources like CSS variables, Tailwind configurations, and W3C JSON files. Instead of making risky auto-fixes, this skill focuses on visibility—normalizing token names and classifying drift severity to generate actionable reports. By integrating with Wrangler for issue tracking, it ensures that every design-to-code inconsistency is logged, categorized, and ready for resolution by the development team.
