Skip to main content
affpapa.org
RU EN
skill CX Codex

color-expert · nexu-io — Claude Code skill: color science for your agent

A skill with 286K words of reference material on OKLCH, palette generation, contrast and pigment mixing. Useful when you build a theme or check color accessibility.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add nexu-io/open-design --skill color-expert -a claude-code
Open on GitHub

What color-expert does

color-expert hands your agent a reference library on color science: OKLCH and OKLAB, palette generation, accessibility and contrast checks, color naming, pigment mixing, and historical color theory. The agent pulls from it when it needs to pick shades or compute contrast instead of guessing values.

The skill is curated from @meodai's work. The OpenDesign catalogue entry only advertises it, so running the full upstream workflow with its original assets and scripts means installing the upstream bundle into your agent's skills directory. Once installed, invoke it by name (color-expert) or with a trigger phrase such as "color theory", "palette generator", "color science", "oklch palette" or "contrast check".

Install goes through npx skills add nexu-io/open-design --skill color-expert with a flag for your agent. GitHub Copilot uses a different command: gh skill install. Installing by hand puts the skill file at a path like ~/.claude/skills/color-expert/SKILL.md.

What it helps with

  • build an OKLCH palette for light and dark themes
  • check text-on-background contrast before shipping
  • name shades for a design system
  • work out pigment mixing for an illustration
  • figure out why two colors read as equally bright

Example prompts for the agent

  • Build an OKLCH palette for a dark theme and check each shade's contrast against the background
  • Check the contrast of #333 text on a #f5f5f5 background and tell me if it passes accessibility
  • Suggest names for these five blue shades

How to install color-expert

1Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill color-expert -a claude-code

2Manually: put the files in place

~/.claude/skills/color-expert/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/color-expert/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about color-expert

How do I install color-expert in Claude Code?

Run npx skills add nexu-io/open-design --skill color-expert -a claude-code. The skill file lands at ~/.claude/skills/color-expert/SKILL.md.

What does color-expert do?

It gives the agent a color science reference: OKLCH and OKLAB, palette generation, accessibility and contrast, color naming, pigment mixing, and historical color theory.

Which platforms does the skill support?

Claude, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode. Each platform has its own install command and SKILL.md path.

Source text

SKILL.md · Apache-2.0 
---
name: color-expert
description: |
  Color science expert skill with 286K words of reference material covering OKLCH/OKLAB, palette generation, accessibility/contrast, color naming, pigment mixing, and historical color theory.
triggers:
  - "color theory"
  - "palette generator"
  - "color science"
  - "oklch palette"
  - "contrast check"
od:
  mode: design-system
  category: design-systems
  upstream: "https://github.com/meodai/skill.color-expert"
---

# color-expert

> Curated from @meodai.

## What it does

Color science expert skill with 286K words of reference material covering OKLCH/OKLAB, palette generation, accessibility/contrast, color naming, pigment mixing, and historical color theory.

## Source

- Upstream: https://github.com/meodai/skill.color-expert
- Category: `design-systems`

## How to use

This catalogue entry advertises the skill in OpenDesign so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

```bash
# Inspect the upstream README for exact paths
open https://github.com/meodai/skill.color-expert
```

Then ask the agent to invoke this skill by name (`color-expert`) or with
one of the trigger phrases listed in this skill's frontmatter.

© nexu-io · Apache-2.0 · nexu-io/open-design

Similar skills

Everything for Design →

color-expert by other authors comes first.

color-expert meodai A color theory and color science skill for designing OKLCH design system ramps, checking APCA contrast, and tuning generative palettes. CX Codex +1 2,700installs color-theory-palette-harmony-expert curiositech A skill for building color palettes and photo sequences: perceptual LAB and OKLCH spaces, earth-mover distance, warm and cool alternation. CX Codex +1 430installs color-system Owl-Listener This skill walks an agent through building a product palette: tonal scales, semantic roles and WCAG contrast checks. Useful when colours are defined from scratch. CX Codex +1 2,500installs colorize aladicf A coding-agent skill that brings color into interfaces that read as flat gray: semantic states, accents, and color-based hierarchy. Useful when a design feels lifeless. CX Codex +1 551installs dark-mode-design Owl-Listener This skill turns an existing light palette into a dark theme: surface elevation, contrast, desaturated accents. Use it when the light tokens already exist. CX Codex +1 2,400installs color-motion iart-ai Builds motion design palettes in OKLCH, fixes muddy CSS gradient midpoints, and resolves gamma shift issues in After Effects video renders. CX Codex +1 2,800installs pixijs-color pixijs PixiJS v8 skill for the Color class. It guides color conversions, tint calculations, and buffer reuse to prevent GC spikes in animation loops. CX Codex +1 5,700installs

From the same set124

The whole set →
canvas-design Create posters, illustrations, and other static artwork as PNG or PDF. Use the skill when an agent needs to make a visual piece from a prompt. CX Codex +1 2,900installs pptx A skill for working with PowerPoint slides in your code editor. Read existing decks, generate new ones, and edit layouts — for executive presentations, training material, and product reviews. CX Codex +1 2,900installs ui-skills Opinionated UI constraints to guide agents building user interfaces. It keeps generated components cohesive across a codebase. CX Codex +1 2,900installs brand-guidelines This skill applies Anthropic’s brand colors and typography to artifacts. Use it when a project needs a consistent visual identity or a design reference. CX Codex +1 2,900installs pdf Extracts text, creates PDF documents, and fills out forms. Helps produce press releases, branded one-pagers, and printable design deliverables. CX Codex +1 3,000installs algorithmic-art Creates generative graphics using p5.js with seeded randomness for reproducible renders. Useful for procedural posters and motion-style frame studies. CX Codex +1 2,800installs screenshots-marketing Generates marketing screenshots with Playwright for landing-page hero shots, App Store pages, and changelog visuals. Use it when an interface image needs to be prepared for release. CX Codex +1 2,800installs html-ppt-retro-quarterly-review A quarterly review template in bold blue-and-orange editorial style: three cinematic slides with slab headlines and a cream paper feel. No frameworks, one self-contained HTML file. CX Codex +1 2,800installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor