mcpField
C
color-expert

color-expert

github.com/podoDesign & UI29235 installsUpdated 4d ago
Repository

About color-expert

color-expert is a design skill for agents that need color-science guidance. Its reference library spans color spaces, palette methods, accessibility contrast, and color history.

Key features

  1. 01Color-space reference
  2. 02Palette generation methods
  3. 03WCAG contrast guidance
  4. 04Color naming conventions
  5. 05Pigment mixing theory
  6. 06CSS color syntax

Use cases

  1. 01Build a color system
  2. 02Choose palettes with suitable contrast
  3. 03Understand color-combination effects

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill color-expert

After installing, type/color-expertin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

color-expert

Catalogue stub — full skill: meodai/skill.color-expert

Decision tree

  1. Is the full skill already installed?

    • Global: f=~/.agents/skills/color-expert/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • Project: f=.agents/skills/color-expert/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → the skill is installed as color-expert, invoke it and proceed
    • pointer → go to step 2

  2. Detect scope, then install:

    [ -e ~/.agents/skills/color-expert ] && echo "global" || echo "project"

    Global:

    npx skills add meodai/skill.color-expert --skill color-expert -g -y

    Project:

    npx skills add meodai/skill.color-expert --skill color-expert -y

    Claude Code: send a command as a chat message starting with ! to run it without leaving the conversation.

Heads-up

  • License: CC-BY-4.0 (original material; third-party source material keeps its own licenses)

Invoke after install

  • Skill name: color-expert
  • Trigger phrases: "color expert", "OKLCH", "color palette", "color science", "contrast ratio"

What it does

Brings a deep color-science reference library into design decisions: the skill file carries the essentials and an index points into hundreds of reference files. Covers perceptually uniform color spaces (OKLCH, OKLAB), palette generation algorithms, WCAG accessibility contrast, color naming conventions, pigment mixing theory, CSS color syntax, and the history of color in art and design. Ideal for building color systems, choosing palettes with correct contrast, or understanding why certain color combinations feel wrong.

When NOT to use

  • Design-token file structure (DTCG, aliasing, theme resolvers) → use design-tokens-skill
  • A full accessibility audit (WCAG beyond contrast) → use wcag-audit-patterns or addyosmani-quality

Comments

Markdown supported