Color Expert
Ship accessible palettes and design tokens using OKLCH/OKLAB science instead of guessing hex values.
Overview
color-expert is an agent skill for the Build phase that applies color-science reference and OKLCH/OKLAB workflows for palettes, naming, and accessibility contrast.
Install
npx skills add https://github.com/nexu-io/open-design --skill color-expertWhat is this skill?
- 286K words of color-science reference covering OKLCH/OKLAB, naming, pigment theory, and historical context
- Palette generation and accessibility/contrast workflows aligned to design-system mode
- Trigger phrases include color theory, OKLCH palette, and contrast check for agent discovery
- Curated Open Design catalogue entry with upstream bundle at meodai/skill.color-expert
- Upstream category tagged design-systems for planning-time skill routing
- 286K words of reference material
Adoption & trust: 845 installs on skills.sh; 61.4k GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
You are picking brand and UI colors without perceptual uniformity or verified contrast, risking inaccessible interfaces and inconsistent dark-mode ramps.
Who is it for?
Indie SaaS or content sites defining or refactoring a design system with OKLCH-first tokens and accessibility requirements.
Skip if: Teams that only need a one-off hex from a screenshot with no token system or contrast obligations.
When should I use this skill?
Triggers include color theory, palette generator, color science, oklch palette, or contrast check during design-system planning.
What do I get? / Deliverables
You get science-backed palette directions, contrast checks, and naming guidance ready to paste into tokens, CSS, or your design-system files.
- Palette and ramp recommendations
- Contrast and accessibility guidance
- Color naming suggestions aligned to tokens
Recommended Skills
Journey fit
Color systems are chosen and refined while building UI and design tokens before launch. Frontend and design-system work is where palette generation, contrast checks, and naming conventions land in code and Figma.
How it compares
Use as a deep color-science skill package, not a generic CSS framework or a one-shot image color-picker prompt.
Common Questions / FAQ
Who is color-expert for?
Solo and indie builders shipping web or app UI who want agent-guided palette and contrast work grounded in OKLCH/OKLAB and design-system practice.
When should I use color-expert?
During Build (frontend) when defining tokens, generating palettes, or validating contrast; also when Validate prototype screens need an accessible color pass before you commit to production CSS.
Is color-expert safe to install?
Review the Security Audits panel on this Prism page and inspect the upstream GitHub bundle before copying scripts into your agent skills directory.
SKILL.md
READMESKILL.md - 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 Open Design 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.