Manages comprehensive design systems and tokens to maintain visual consistency across frontend applications.
This skill empowers developers to build and maintain robust design systems directly within their workflow. It provides automated tools for generating color palettes, calculating typography scales, and managing design tokens in multiple formats including CSS variables, JSON, and Tailwind CSS. By incorporating accessibility audits and semantic naming conventions, it ensures that your UI remains professional, consistent, and WCAG-compliant while simplifying the process of exporting tokens for various development environments like SCSS or JavaScript.
주요 기능
01Automated color palette generation with WCAG contrast auditing
02Multi-format token export for CSS, JSON, Tailwind, and SCSS
032 GitHub stars
04Dynamic typography scale calculation based on modular ratios
05Automated accessibility reviews to identify contrast issues and design drift
06Component-specific token management for buttons and inputs
사용 사례
01Converting raw design values into structured JSON tokens for cross-platform synchronization
02Initializing a brand new design system for a SaaS application dashboard
03Auditing an existing codebase for CSS variable consistency and accessibility compliance
