color-expert

Provides color science knowledge for naming, spaces, palettes, accessibility, and pigment mixing tasks.

Updated Apr 18, 2026
One-click install
npx skills add https://github.com/JohnRebellion/.claude-public --skill color-expert-johnrebellion
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: color-expert
Source: https://github.com/JohnRebellion/.claude-public/tree/main/claude/skills/color-expert
Command: npx skills add https://github.com/JohnRebellion/.claude-public --skill color-expert-johnrebellion

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Color work is full of misleading heuristics: HSL lightness that doesn't match perception, hue-first harmony rules that fail in practice, and naive RGB mixing that turns paint simulations into gray mush. This Skill gives the agent a curated color science knowledge base so it answers color questions with accurate theory, the right color space, and the right tool instead of folk design advice. ## Core Features & Use Cases - Color space guidance: Decision tables for when to use OKLCH, OKLAB, HSLuv, CAM16, CIELAB, or Kubelka-Munk, with corrections to common HSL misconceptions. - Accessibility and palette analysis: WCAG vs APCA contrast statistics, character-first harmony principles, and recommendations for palette generation and linting tools like RampenSau, Poline, and Color Buddy. - Deep reference library: 140+ indexed reference files covering historical color science (Ostwald, Munsell, Ridgway), contemporary research (OKLAB, CIECAM02), and practical techniques (Spectral.js, Culori, pigment mixing). - Use Case: A developer building a design-token system asks for a perceptually even warning-color ramp with accessible text colors; the Skill directs the agent to OKLCH ramps, semantic token layering, and APCA contrast verification. ## Quick Start Ask the agent to recommend a color space and generate an accessible 10-step palette for your UI, and the color-expert skill will activate automatically.

Frequently Asked Questions about color-expert

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

FAQPage Schema
What color space should I use instead of HSL for palettes?▼

Use OKLCH for perceptual palettes and ramps because its lightness and chroma behave uniformly across hues, unlike HSL where equal lightness values produce vastly different perceived brightness. For gradients, interpolate in OKLAB or use CSS color-mix(in oklab) to avoid mid-gradient darkening.

How do I simulate realistic paint mixing in code?▼

Use a Kubelka-Munk spectral mixing model rather than RGB averaging, which produces dull grays. The Skill recommends Spectral.js as an open-source option or Mixbox as a commercial alternative, both of which reproduce effects like blue plus yellow making green.

What is the difference between WCAG and APCA contrast?▼

WCAG contrast is a symmetric ratio, while APCA is polarity-aware, meaning light text on dark differs from dark text on light. APCA is far more restrictive: only 0.08% of hex color pairs pass APCA 90 compared to 11.98% passing WCAG 4.5:1.

Does this skill work with agents other than Claude Code?▼

Yes, it follows the agentskills.io standard and works with Claude Code, Codex, Cursor, Copilot, and OpenCode. Install it with npx skills add meodai/skill.color-expert or symlink the repository into your agent's skills directory.

When is hue-first color harmony not enough?▼

Complementary and triadic hue intervals are weak standalone predictors of mood or legibility because hue planes differ in perceptual space. Character-first organization by chroma and lightness, plus verified contrast, produces calmer and more legible palettes.