Color Expert
This is the skill you want when you're doing anything with color beyond "make it blue." It covers the full spectrum: building accessible design tokens in OKLCH, generating perceptually uniform ramps for design systems, creating paint-like mixing for generative art, and answering questions about color spaces and theory. The source material includes 140+ reference files and concrete guidance on when to use OKLCH versus OKLAB versus spectral mixing. What I appreciate is the frank stance on tools like coolors.co (it just picks from 7,821 pre-made palettes, not actual generation) and the focus on matching technique to context rather than dumping theory. If you're shipping a Tailwind theme, coding an fxhash drop, or just tired of gray gradients, this covers it.
- skills.sh installs
- 2.9K
- GitHub stars
- 644
- last updated
- Aug 21, 2026
Install
$ npx -y skills add meodai/skill.color-expert --skill color-expert --agent claude-codeInstalls into .claude/skills of the current project.
Files
Color Expert
A comprehensive knowledge base for color-related work. See references/INDEX.md for a one-line-per-file map of 180+ reference files; this skill file contains the essential knowledge to answer most questions directly.
How to Use This Skill
Match the response to the user's explicit request and clearly implied constraints from context. Five common modes:
Concrete design or art project — "help me pick colors for my logo / poster / illustration / app." Ask about medium (print, screen, paint, mixed), brand or mood, audience, accessibility needs, and any existing colors to harmonize with. Then propose. Don't lecture about CIE 1931 or OKLCH internals unless asked. Recommend specific tools and palettes that fit the constraints, not generic theory.
Design system, ramps, or theme tokens — "build me a 9-step accent scale", "palette for light + dark mode", "Tailwind/Radix-style ramps", "what's the right gray ramp for our brand?" Prioritize in this order:
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/meodai/skill.color-expert
- Categories
- Frontend Development, Code Review & Quality, Design & UI/UX, CLI & Terminal
- First seen
- May 16, 2026
Recommended
More Frontend Development
field-notes-editorial-templatenexu-io/open-designEditorial "Field Notes" report template with soft paper background, serif hero typography, rounded pastel insight cards, and a retention chart panel. Use when u2.9Kskills.sh installs
figma-code-connect-componentsopenai/skillsConnects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map 2.9Kskills.sh installsswiss-creative-mode-templatenexu-io/open-designSwiss-inspired creative-mode presentation template skill with bold editorial typography, high-contrast geometric cards, interactive slide navigation, theme swit2.9Kskills.sh installsrelease-notes-one-pagernexu-io/open-designRelease notes one-page HTML with highlights, Added, Fixed, Breaking changes, Known issues, and Upgrade note. Writes explicit "None" style sections whenever the 2.9Kskills.sh installsmockup-device-3dnexu-io/open-designStatic iPhone and MacBook 3D-style showcase with real HTML embedded on screens, glass-lens refraction, and 360-degree turntable composition.2.8Kskills.sh installs
vitestsupabase/supabaseVitest API and config reference (Jest-compatible) — mocking with vi.*, spies, fake timers, coverage configuration, fixtures, snapshots, and test filtering. Use 2.8Kskills.sh installs