colorize

The `colorize` skill is designed to enhance user interfaces that appear too monochromatic, gray, or visually dull by strategically introducing color. It addresses the common problem of flat or uninspiring designs by adding purposeful color that improves visual hierarchy, communicates semantic meaning, and enriches the overall user experience. Rather than applying color arbitrarily, this skill focuses on deliberate choices that align with the brand and context, ensuring that each color serves a clear purpose and avoids overwhelming the design with unnecessary or chaotic elements.

Key features of `colorize` include assessing the current design for areas lacking color, planning a structured color strategy, and introducing color across semantic states, accents, backgrounds, surfaces, data visualizations, and borders. It supports the use of perceptually uniform color spaces like OKLCH to maintain harmony and consistent visual weighting. The skill emphasizes applying color for state indicators (success, error, warning, info), accentuating primary actions, links, icons, and headers, and enhancing surfaces such as cards, backgrounds, and gradients. Additionally, it provides guidance for color application in charts, graphs, heatmaps, and comparative visualizations, ensuring data is visually meaningful and easily interpretable.

`colorize` is ideal for designers, UX/UI professionals, and front-end developers looking to inject visual warmth, hierarchy, and personality into interfaces. It is particularly useful when a design feels gray, dull, or lacking emotional tone, or when clients and stakeholders request a more vibrant or expressive palette. By following a systematic approach, users can apply color strategically to enhance navigation, highlight important elements, and create delightful, expressive digital experiences without sacrificing clarity or accessibility.