This skill establishes a unified design token architecture that serves as the single source of truth for all visual design decisions in AI-assisted development. It provides a comprehensive framework for managing colors, typography, spacing, and more, while offering built-in support for dark mode, RTL layouts, and WCAG accessibility standards. By centralizing design logic into primitive, semantic, and component-specific tokens, it ensures visual consistency across entire applications and simplifies the process of creating brand-specific themes or multi-platform style exports for web, iOS, and Android.
주요 기능
01Multi-platform export capabilities for CSS, SCSS, iOS Swift, Android XML, and JavaScript
02WCAG 2.1 AA/AAA accessibility compliance with high-contrast mode and reduced motion
03Complete 7-category token taxonomy covering color, typography, spacing, and motion
04Multi-theme architecture supporting light, dark, high-contrast, and custom branding
05Automatic RTL/i18n support through CSS logical properties integration
06158 GitHub stars
사용 사례
01Implementing automated dark mode and high-contrast accessibility themes
02Building a scalable, brand-consistent design system for enterprise applications
03Standardizing UI styling across distributed teams using AI-assisted coding