概要
The Color Palette skill empowers developers and designers to build cohesive design systems directly within Claude Code. By providing a single brand hex value, the skill automatically calculates a mathematically consistent 11-shade scale (50-950), maps colors to semantic tokens like background and foreground, and generates optimized dark mode variants. It includes built-in WCAG contrast checking to ensure accessibility compliance and outputs ready-to-use CSS for Tailwind v4 @theme configurations, significantly reducing the manual trial-and-error typically associated with frontend styling.
