MCPInstall

color-theory-palette-harmony-expert

Expert in color theory, palette harmony, and perceptual color science for computational photo composition. Specializes in earth-mover distance optimization, warm/cool alternation, diversity-aware palette selection, and hue-based photo sequencing. Activate on "color palette", "color harmony", "warm cool", "earth mover distance", "Wasserstein", "LAB space", "hue sorted", "palette matching". NOT for basic RGB manipulation (use standard image processing), single-photo color grading (use native-app-designer), UI color schemes (use vaporwave-glassomorphic-ui-designer), or color blindness simulation (accessibility specialists).

Installs
430
Last 24h
—
Trending rank
—
Security
Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/curiositech/some_claude_skills --skill color-theory-palette-harmony-expert
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads color-theory-palette-harmony-expert automatically when relevant.

  3. 03

    Review the result

    The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

Color Theory & Palette Harmony Expert

You are a world-class expert in perceptual color science for computational photo composition. You combine classical color theory with modern optimal transport methods for collage creation.

When to Use This Skill

✅ Use for:

  • Palette-based photo selection for collages
  • Warm/cool color alternation algorithms
  • Hue-sorted photo sequences (rainbow gradients)
  • Palette compatibility using earth-mover distance
  • Diversity penalties to avoid color monotony
  • Global color harmony across photo collections
  • Neutral-with-splash-of-color patterns
  • Perceptual color space transformations (RGB → LAB → LCH)

❌ Do NOT use for:

  • Basic RGB color manipulation → use standard image processing
  • Single-photo color grading → use native-app-designer
  • UI color scheme generation → use vaporwave-glassomorphic-ui-designer
  • Color blindness simulation → specialized accessibility skill

MCP Integrations

MCPPurpose
FirecrawlResearch color theory papers, optimal transport algorithms
Stability AIGenerate reference palettes, test color harmony visually

Quick Reference

Perceptual Color Spaces

Why LAB/LCH Instead of RGB?

  • RGB/HSV are device-dependent, not perceptually uniform
  • LAB Euclidean distance ≈ perceived color difference
  • LCH separates Hue (color wheel position) from Chroma (saturation)
# CIELAB (LAB) Space
L: Lightness (0-100)
a: Green (-128) to Red (+128)
b: Blue (-128) to Yellow (+128)

# CIE LCH (Cylindrical)
L: Lightness (same)
C: Chroma = √(a² + b²)  # Colorfulness
H: Hue = atan2(b, a)    # Angle 0-360°

CIEDE2000 is the gold-standard perceptual distance metric:

  • Correlates with human perception (r > 0.95)
  • Use colormath or skimage.color.deltaE_ciede2000

→ Full details: /references/perceptual-color-spaces.md


OKLCH: The Modern Standard (2026+)

OKLCH has replaced hex/HSL as the professional color standard.

OKLCH is a perceptually uniform color space that fixes fundamental problems with RGB/HSL:

  • Equal L values = equal perceived lightness (not the case with HSL)
  • Better for accessibility calculations than WCAG 2.x hex-based ratios
  • CSS-native: oklch(70% 0.15 145) works in all modern browsers
OKLCH Values:
L: Lightness 0-1 (0 = black, 1 = white)
C: Chroma 0-0.4+ (0 = gray, higher = more saturated)
H: Hue 0-360° (red=30, yellow=90, green=145, cyan=195, blue=265, magenta=330)

Essential OKLCH Resources:

ResourcePurpose
oklch.comInteractive OKLCH color picker
Evil Martians: Why Quit RGB/HSLDefinitive article on OKLCH adoption
HarmonizerPalette harmonization using OKLCH

OKLCH vs LAB/LCH:

  • OKLCH uses Oklab (2020) instead of CIELAB (1976)
  • Oklab has more uniform hue perception, especially in blues
  • For CSS/web work, always use OKLCH
  • For scientific color measurement, CIELAB/CIEDE2000 still valid

→ Full details: /references/perceptual-color-spaces.md


Earth-Mover Distance (Wasserstein)

Problem: How different are two photo color distributions perceptually?

Sinkhorn Algorithm - Fast O(NM) entropic EMD:

def sinkhorn_emd(palette1, palette2, epsilon=0.1, max_iters=100):
    # Kernel K = exp(-CostMatrix / epsilon)
    # Iterate: u = a / (K @ v), v = b / (K.T @ u)
    # EMD = sqrt(sum(gamma * Cost))

Choosing ε:

εAccuracySpeed
0.01Nearly exact50-100 iters
0.1Good (recommended)10-20 iters
1.0Very rough<5 iters

Multiscale Sliced Wasserstein (2024):

  • O(M log M) vs O(M²·⁵) for standard Wasserstein
  • Better for spatial distribution differences

→ Full details: /references/optimal-transport.md


Warm/Cool Classification

LCH Hue Approach:

Warm: Red (0-30°), Orange (30-60°), Yellow (60-90°), Magenta (330-360°)
Cool: Green (120-180°), Cyan (180-210°), Blue (210-270°)
Transitional: Yellow-Green (90-120°), Purple (270-330°)

LAB b-axis Approach (more robust):

b > 20: Warm (yellow-biased)
b < -20: Cool (blue-biased)
-20 ≤ b ≤ 20: Neutral

→ Full details: /references/temperature-classification.md


Arrangement Patterns

PatternDescription
Hue-sortedRainbow gradient, circular mean handling
Warm/cool alternationVisual rhythm, prevent monotony
Temperature waveSinusoidal warm → cool → warm
Neutral-with-accent85% muted + 15% vivid pops

Palette Compatibility Score:

compatibility = (
    emd_similarity * 0.35 +
    hue_harmony * 0.25 +      # Complementary, analogous, triadic
    lightness_balance * 0.15 +
    chroma_balance * 0.10 +
    temperature_contrast * 0.15
)

→ Full details: /references/arrangement-patterns.md


Diversity Algorithms

Problem: Without constraints, optimization selects all similar colors.

Method 1: Maximal Marginal Relevance (MMR)

Score = λ · Harmony(photo, target) - (1-λ) · max(Similarity to selected)
  • λ = 0.7: Balanced (recommended)
  • λ = 1.0: Pure harmony (may select all blues)
  • λ = 0.5: Equal harmony/diversity

Method 2: Determinantal Point Processes (DPP)

  • Probabilistic: P(S) ∝ det(K_S)
  • Automatically repels similar items
  • Better for sampling multiple diverse sets

Method 3: Submodular Maximization

  • Greedy achieves 63% of optimal
  • Theoretical guarantees

→ Full details: /references/diversity-algorithms.md


Global Color Grading

Problem: Different white balance/exposure across photos = disjointed collage.

Affine Color Transform:

# Find M, b where transformed = M @ LAB_color + b
M, b = compute_affine_color_transform(source_palette, target_palette)
graded = apply_affine_color_transform(image, M, b)

# Blend subtly (30% correction)
result = 0.7 * original + 0.3 * graded

→ Full details: /references/arrangement-patterns.md


Implementation Summary

Python Dependencies

pip install colormath opencv-python numpy scipy scikit-image pot hnswlib
PackagePurpose
colormathCIEDE2000, LAB/LCH conversions
potPython Optimal Transport
scikit-imagedeltaE calculations

Performance Targets

OperationTarget
Palette extraction (5 colors)<50ms
Sinkhorn EMD (5×5, ε=0.1)<5ms
MMR selection (1000 candidates, k=100)<500ms
Full collage assembly (100 photos)<10s

→ Full details: /references/implementation-guide.md


Your Expertise in Action

When a user asks for help with color-based composition:

  1. Assess Intent:

    • Palette matching for collage?
    • Color temperature arrangement?
    • Diversity-aware selection?
  2. Choose Approach:

    • Sinkhorn EMD for palette compatibility
    • MMR with λ=0.7 for diverse selection
    • Appropriate arrangement pattern
  3. Implement Rigorously:

    • Use LAB/LCH spaces (never raw RGB)
    • CIEDE2000 for perceptual distances
    • Cache palette extractions
  4. Optimize:

    • Adaptive ε for Sinkhorn
    • Progressive matching (dominant → full)
    • Hierarchical clustering by hue

Reference Files

FileContent
/references/perceptual-color-spaces.mdLAB, LCH, CIEDE2000, conversions
/references/optimal-transport.mdEMD, Sinkhorn, MS-SWD algorithms
/references/temperature-classification.mdWarm/cool, hue sorting, alternation
/references/arrangement-patterns.mdNeutral-accent, compatibility, grading
/references/diversity-algorithms.mdMMR, DPP, submodular maximization
/references/implementation-guide.mdPython deps, Metal shaders, caching

Related Skills

  • collage-layout-expert - Color harmonization for collages
  • design-system-creator - Color tokens in design systems
  • vaporwave-glassomorphic-ui-designer - UI color palettes
  • photo-composition-critic - Aesthetic scoring

Where perceptual color science meets computational composition.

FAQ

What does the color-theory-palette-harmony-expert skill do?

Expert in color theory, palette harmony, and perceptual color science for computational photo composition. Specializes in earth-mover distance optimization, warm/cool alternation, diversity-aware palette selection, and hue-based photo sequencing. Activate on "color palette", "color harmony", "warm cool", "earth mover distance", "Wasserstein", "LAB space", "hue sorted", "palette matching". NOT for basic RGB manipulation (use standard image processing), single-photo color grading (use native-app-designer), UI color schemes (use vaporwave-glassomorphic-ui-designer), or color blindness simulation (accessibility specialists).

How do I install color-theory-palette-harmony-expert?

Run npx skills add https://github.com/curiositech/some_claude_skills --skill color-theory-palette-harmony-expert in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/color-theory-palette-harmony-expert/ (personal) or .claude/skills/color-theory-palette-harmony-expert/ (project).

Which AI agents can use color-theory-palette-harmony-expert?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is color-theory-palette-harmony-expert safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains color-theory-palette-harmony-expert?

It is published by curiositech in curiositech/some_claude_skills. It has 430 recorded installs.

More from curiositech/some_claude_skills

View all →

video-processing-editing

curiositech/some_claude_skills

FFmpeg automation for cutting, trimming, concatenating videos. Audio mixing, timeline editing, transitions, effects. Export optimization for YouTube, social media. Subtitle handling, color grading, batch processing. Use for videogen projects, content creation, automated video production. Activate on "video editing", "FFmpeg", "trim video", "concatenate", "transitions", "export optimization". NOT for real-time video editing UI, 3D compositing, or motion graphics.

Media & Creative1.4K installs

interior-design-expert

curiositech/some_claude_skills

Expert interior designer with deep knowledge of space planning, color theory (Munsell, NCS), lighting design (IES standards), furniture proportions, and AI-assisted visualization. Use for room layout optimization, lighting calculations, color palette selection for interiors, furniture placement, style consultation. Activate on "interior design", "room layout", "lighting design", "furniture placement", "space planning", "Munsell color". NOT for exterior/landscape design, architectural structure, web/UI design (use web-design-expert), brand color theory (use color-theory-palette-harmony-expert), or building codes/permits.

Frontend & Design1.1K installs

cv-creator

curiositech/some_claude_skills

Professional CV and resume builder transforming career narratives into ATS-optimized, multi-format resumes. Integrates with career-biographer for data and competitive-cartographer for positioning. Generates PDF, DOCX, LaTeX, JSON Resume, HTML, and Markdown. Activate on 'resume', 'CV', 'ATS optimization', 'job application'. NOT for cover letters, portfolio websites (use web-design-expert), LinkedIn optimization, or interview preparation.

Docs & Writing777 installs

personal-finance-coach

curiositech/some_claude_skills

Expert personal finance coach with deep knowledge of tax optimization, investment theory (MPT, factor investing), retirement mathematics (Trinity Study, SWR research), and wealth-building strategies grounded in academic research. Activate on 'personal finance', 'investing', 'retirement planning', 'tax optimization', 'FIRE', 'SWR', '4% rule', 'portfolio optimization'. NOT for tax preparation services, specific securities recommendations, guaranteed return promises, or replacing licensed financial advisors for complex situations.

Business & Finance772 installs

photo-composition-critic

curiositech/some_claude_skills

Expert photography composition critic grounded in graduate-level visual aesthetics education, computational aesthetics research (AVA, NIMA, LAION-Aesthetics, VisualQuality-R1), and professional image analysis with custom tooling. Use for image quality assessment, composition analysis, aesthetic scoring, photo critique. Activate on "photo critique", "composition analysis", "image aesthetics", "NIMA", "AVA dataset", "visual quality". NOT for photo editing/retouching (use native-app-designer), generating images (use Stability AI directly), or basic image processing (use clip-aware-embeddings).

Media & Creative644 installs

pwa-expert

curiositech/some_claude_skills

Progressive Web App development with Service Workers, offline support, and app-like behavior. Use for caching strategies, install prompts, push notifications, background sync. Activate on "PWA", "Service Worker", "offline", "install prompt", "beforeinstallprompt", "manifest.json", "workbox", "cache-first". NOT for native app development (use React Native), general web performance (use performance docs), or server-side rendering.

AI & Agents546 installs

Popular frontend & design skills

View category →

setup-matt-pocock-skills

mattpocock/skills

Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.

Frontend & Design1.1M installs

frontend-design

anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

OfficialFrontend & Design1M installs

hyperframes-animation

heygen-com/hyperframes

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.

prototype

mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.

Frontend & Design999.2K installs

hyperframes-core

heygen-com/hyperframes

The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.

Frontend & Design930.5K installs

vercel-react-best-practices

vercel-labs/agent-skills

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

OfficialFrontend & Design843.1K installs