colorize
Adds strategic color to monochromatic interfaces to improve engagement.
Install
mkdir -p .claude/skills/colorize-dakkah-core && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/14483" && unzip -o skill.zip -d .claude/skills/colorize-dakkah-core && rm skill.zipInstalls to .claude/skills/colorize-dakkah-core
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.Key capabilities
- →Identify opportunities for strategic color introduction
- →Plan a color strategy with dominant and accent colors
- →Introduce semantic colors for state indicators and status badges
- →Apply accent colors to primary actions, links, and icons
- →Tint backgrounds and surfaces with warm or cool neutrals
- →Use OKLCH for perceptually uniform color generation
How it works
This skill analyzes UI designs to identify color opportunities, plans a color strategy based on brand and context, and systematically introduces color across various UI dimensions.
Inputs & outputs
When to use colorize
- →Fixing dull or gray interfaces
- →Adding semantic color indicators
- →Improving UI visual hierarchy
About colorize
Analyzes existing interface designs to identify opportunities for color usage. It applies color theory to enhance semantic meaning, hierarchy, and emotional connection based on brand guidelines.
Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.
When not to use it
- →When the design already has sufficient visual interest and color
- →When applying color randomly without semantic meaning
- →When violating WCAG contrast requirements
Limitations
- →More color does not equate to better design; every color must have a purpose.
- →Color should enhance hierarchy and meaning, not create chaos.
- →WCAG contrast requirements (4.5:1 for text, 3:1 for UI components) must be met.
How it compares
This workflow applies color strategically with a focus on semantic meaning and hierarchy, avoiding arbitrary color usage or rainbow vomit.
Compared to similar skills
colorize side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| colorize (this skill) | 0 | 1mo | No flags | Intermediate |
| theme-factory | 61 | 3mo | No flags | Beginner |
| brand-guidelines | 9 | 3mo | No flags | Beginner |
| canvas-design | 26 | 3mo | No flags | Advanced |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
theme-factory
anthropics
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
brand-guidelines
anthropics
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
canvas-design
anthropics
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
game-art
davila7
Game art principles. Visual style selection, asset pipeline, animation workflow.
interactive-portfolio
davila7
Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio, personal website, showcase work, developer portfolio, designer portfolio.
windows-3-1-web-designer
erichowens
Expert in authentic Windows 3.1 aesthetic for modern web applications. Creates pixel-perfect retro UI with beveled borders, system gray palettes, and program manager styling. Use for retro-themed web apps, 90s desktop aesthetics, nostalgic landing pages, pixel-art adjacent experiences. Activate on "windows 3.1", "retro ui", "beveled borders", "win31", "program manager", "90s aesthetic", "pixel art", "hotdog stand". NOT for vaporwave aesthetics (neon gradients, glowing text), glassmorphism, macOS/iOS styling, flat design, material design.