colorize

Apply a defined color palette to monochrome interfaces with WCAG contrast rules.

1|Updated Apr 12, 2026
One-click install
npx skills add https://github.com/Lortunate/CodexLAG --skill colorize-lortunate
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: colorize
Source: https://github.com/Lortunate/CodexLAG/tree/main/.claude/skills/colorize
Command: npx skills add https://github.com/Lortunate/CodexLAG --skill colorize-lortunate

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Strategically introduce color to designs that are too monochromatic, gray, or lacking in visual warmth and personality.

Core Features & Use Cases

  • Semantic color for state meanings (success: green, error: red, warning: orange, info: blue, neutral)
  • Accent color application for primary actions, links, icons, headers, and hover states
  • Backgrounds & surfaces: tinted backgrounds, gradient overlays, subtle cards for warmth
  • Typography color and decorative elements to convey personality
  • Data visualization uses colors to encode categories and values

Quick Start

Identify the design's neutral base, then propose and apply a 2-4 color palette to increase hierarchy and meaning.

Frequently Asked Questions about colorize

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

FAQPage Schema
How do I add strategic color to a monochrome UI design?

To add color to a monochrome UI design, identify the neutral base and apply a 2-4 color palette to convey semantic meaning, hierarchy, and emotional tone across headers, cards, and surfaces.

When do I need to apply semantic colors in interface design?

You need semantic colors in interface design to convey state meanings like success, error, warning, and info, ensuring users immediately understand system feedback and visual hierarchy.

Does colorizing a design affect WCAG contrast accessibility?

Colorizing a design enforces WCAG contrast accessibility rules, ensuring consistent application across typography, borders, and backgrounds maintains readable text for visually impaired users.

What is the best way to use accent colors for primary actions?

The best way to use accent colors for primary actions is applying them to links, icons, headers, and hover states, creating distinct visual hierarchy and guiding user engagement.

Can I use color palettes for data visualization categories?

You can use color palettes for data visualization to encode categories and values, applying tinted backgrounds and gradient overlays to subtly differentiate data points and surfaces.