colorize

Apply OKLCH color palettes to UI elements for semantic states and contrast compliance.

Updated Mar 6, 2026
One-click install
npx skills add https://github.com/oriys/domino --skill colorize-oriys
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: colorize
Source: https://github.com/oriys/domino/tree/main/.agents/skills/colorize
Command: npx skills add https://github.com/oriys/domino --skill colorize-oriys

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Colorizing dull interfaces and features to add visual warmth, improve hierarchy, and boost user engagement without compromising accessibility.

Core Features & Use Cases

  • Applies strategic color to semantic states (success, error, warning, info) and to category distinctions to guide attention and comprehension.
  • Proposes brand-aligned palettes, rules, and consistent usage across UI components for cohesive experiences.
  • Real-world scenario: colorizing a dashboard to highlight new items, status changes, and section separations while preserving contrast.

Quick Start

Use the colorize skill to apply a 2-3 color palette to the main dashboards and ensure accessible contrast.

Frequently Asked Questions about colorize

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply a color palette to UI elements to improve visual hierarchy?

To improve visual hierarchy, apply a strategic 2-3 color palette to UI elements, encoding semantic states like success and error to guide user attention and comprehension across the interface.

How does OKLCH color improve accessibility in UI design?

OKLCH color improves UI accessibility by providing perceptually uniform color definitions, ensuring consistent contrast compliance across semantic states and brand-aligned palettes without compromising visual warmth.

What is the best way to colorize a dashboard for status changes and new items?

The best way to colorize a dashboard is applying semantic colors to highlight status changes and new items, using consistent usage rules and accessible contrast to separate sections while preserving clarity.

Can I use this to generate brand-aligned UI color rules for dashboards and forms?

Yes, you can generate brand-aligned UI color rules for dashboards and forms, establishing consistent usage guidelines and palettes that encode categorization and emphasis across product interfaces.

When should I avoid adding gratuitous color to product interfaces?

Avoid adding gratuitous color to product interfaces when it fails to serve purposeful functions like encoding semantic states, categorization, or emphasis, which otherwise distracts from user comprehension and engagement.