Audit design token drift and scaffold token files across codebases.
npx skills add https://github.com/subinium/vibesubin --skill unify-design
Please help me install this Agent Skill. Skill: unify-design Source: https://github.com/subinium/vibesubin/tree/main/plugins/vibesubin/skills/unify-design Command: npx skills add https://github.com/subinium/vibesubin --skill unify-design
Centralizes a project's design tokens (colors, spacing, typography, radii, shadows, breakpoints) into a single truth source and audits code for drift, reducing hard-coded values and visual inconsistencies.
Run the unify-design audit to identify drift and scaffold tokens, then apply token-based fixes after operator confirmation.
High-intent search queries and answers about installing and using this skill.
To audit design drift, run the unify-design audit to detect hard-coded hex colors, arbitrary values, and duplicate components, then receive a concrete plan for token-based fixes and component consolidation.
A single source of truth for design tokens centralizes colors, spacing, typography, radii, shadows, and breakpoints into one file, reducing hard-coded values and visual inconsistencies across the project.
To consolidate duplicate UI components and inconsistent Button variants, perform a structural audit using unify-design to identify drift across pages and propose token-based fixes for consistency.
Yes, the design token audit works with Tailwind, MUI, and Chakra by enforcing framework-specific token locations and scaffolding a tokens file when missing, ensuring accurate extraction and consolidation.
To scaffold a missing design tokens file in your frontend project, run the unify-design audit to establish the source of truth for colors, spacing, and typography, then apply the proposed token-based fixes.
The best way to refactor hardcoded hex colors into design tokens is to run an audit that detects drift and proposes token-based fixes, establishing a centralized source of truth for consistent UI.
niiiusburoExtract reusable UI components and design tokens from a codebase.
Davie521Extract reusable UI components, tokens, and patterns into a design system.
ryan0122Validate design system tokens against WCAG AA/AAA contrast and focus requirements.
veerababumanyamGenerate production-grade frontend interfaces with design-system tokens and reusable components.
