Generates production-ready, accessible color systems and semantic tokens using perceptually uniform color models like OKLCH.
This skill empowers Claude to create sophisticated design systems by generating harmonious color palettes based on modern color theory. It goes beyond simple hex codes, providing full 19-step shade scales, brand-tinted neutrals, and semantic mappings for success, error, and warning states. Built with a focus on WCAG accessibility and dark mode adaptability, it automatically generates structured CSS custom properties or Tailwind CSS configurations, making it an essential tool for developers building high-quality, inclusive user interfaces.
주요 기능
01Exports for Tailwind CSS configurations and 3-layer CSS custom property architectures.
02Built-in WCAG 2.1 contrast accessibility verification and lightness heuristics.
03Comprehensive dark mode mapping and theme adaptation strategies.
04Automatic 50-950 shade scale generation with stable hue and adjusted chroma.
05Perceptually uniform color generation using the advanced OKLCH model.
061 GitHub stars
사용 사례
01Building a comprehensive design system starting from a single brand hex code.
02Implementing an accessible dark mode theme for an existing web application.
03Generating semantic color tokens for industry-specific UI, such as Finance or SaaS.
