colorize

What problem does it solve? Interfaces built with pure grayscale or a single timid accent often feel dull, lack visual hierarchy, and miss opportunities to communicate state and meaning through color. This Skill guides the deliberate introduction of color so designs gain warmth, hierarchy, and semantic clarity without becoming chaotic. ## Core Features & Use Cases - Color Opportunity Assessment: Analyzes the current design for color absence, missed semantic opportunities, and existing brand colors before making changes. - Strategic Palette Planning: Defines a 60/30/10 dominant-secondary-accent structure with 2-4 colors beyond neutrals, using perceptually uniform OKLCH values. - Systematic Application: Applies color across semantic states, CTAs, tinted backgrounds, data visualization, borders, typography, and decorative elements while enforcing WCAG contrast ratios. - Use Case: A dashboard built entirely in grays feels lifeless. Use this Skill to add green success states, a branded primary button color, warm tinted surfaces, and colored section headers while keeping the palette restrained and accessible. ## Quick Start Use the colorize skill to add strategic color to my dashboard UI, which currently looks too gray and monochromatic.