uicolor

What problem does it solve?

When the UI looks flat, cold, garish, or “off,” the visual direction is usually inconsistent: brand color is overused or underused, neutrals lack a hue whisper, shadows are harsh (pure black), and interactive states don’t provide clear feedback. This Skill audits the rendered palette and corrects every color decision using HSB-based rules so the UI regains hierarchy, harmony, and temperature consistency.

Core Features & Use Cases

• Rendered Palette Extraction with Coverage: Screens are captured and color distribution is measured (dominant, secondary, accent candidates plus noisy outliers).
• HSB-Driven Diagnosis & Correction: Fixes color hierarchy, saturation balance, neutral “hue whisper,” shadow tinting, and hover/active/disabled/focus state construction without eyeballing hex.
• Token-First Workflow: Reads existing color token definitions and corrects token values first, then verifies behavior across screens.
• 60-30-10 and Temperature Enforcement: Ensures primary/accent coverage matches visual laws and neutrals follow one consistent warm/cool temperature direction.

Quick Start

Run the uicolor skill to audit the rendered colors on the current screen and automatically correct tokenized colors using the project’s DESIGN-BRIEF direction.