What problem does it solve? Color bugs in interfaces are usually system bugs: values picked in isolation, tokens borrowed because they looked right, and contrast pairs nobody measured. This Skill turns ad-hoc color usage into a structured system of ramps, semantic tokens, and verified contrast pairs. ## Core Features & Use Cases - Palette generation and structure: Build neutral, accent, and status ramps with even perceived lightness, constant hue, and role-mapped steps following Tailwind or Radix conventions. - Token naming and theming: Separate primitive tokens from semantic role tokens so dark mode, white-label themes, and increased-contrast variants work without touching components. - Contrast measurement and format conversion: Measure foreground/background pairs against APCA or WCAG 2 thresholds, convert between hex, rgb, hsl, and oklch, and handle P3 gamut fallbacks. - Use Case: Audit an existing stylesheet, collapse near-duplicate colors into a single ramp, assign every survivor a semantic role token, and report each failing contrast pair with its measured value. ## Quick Start Ask the agent to audit the color system in your project and report any contrast, token, or palette issues it finds.
