Color
Elite art-direction skills for Claude Code — design direction, OKLCH color, typography, motion, structured critique, and frame-rate craft. Any medium, any stack.
npx -y skills add jangles-byte/atelier --skill colorAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- 12 days oldThe repository was created 12 days ago. New is not bad, but a brand new repository carrying a familiar-sounding name is the shape a typosquat arrives in, and there has been no time for anyone else to find a problem with it.
- 2 stars2 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Build perceptually coherent color systems in OKLCH — palettes, ramps, semantic tokens, dark/light theme families, and contrast discipline. Use this skill whenever choosing ANY colors for visual work: UI themes, brand palettes, data-visualization series colors, game graphics, generative art, slides, or syntax themes. Trigger on requests like "pick colors", "make a palette", "add dark mode", "this color looks off", "improve the theme", "what color should the chart series be", or whenever you are about to write a hex code into any file.
SKILL.md
2.3 KB, as published. Nobody here has run it
Color
Color decisions in this package are made in OKLCH (perceptual lightness L, chroma C, hue H), not hex or HSL, because equal numeric steps in OKLCH are equal perceived steps — which is what makes ramps even, themes coherent, and contrast predictable. Hex is only an output format.
Workflow
- Read the design philosophy (from
design-direction); the palette's emotional register comes from there, not from this skill. - Construct the palette in OKLCH using references/palette-construction.md — anchor hue → neutral ramp (tinted, never pure grey) → accent ramp → semantic colors.
- If the work has themes, build dark and light as sibling palettes, not inversions, per references/themes.md.
- Verify every text/background pair against references/contrast-and-restraint.md before shipping; it also covers when glow/saturation is earned vs. noise.
Which reference to load
| Situation | Load |
|---|---|
| OKLCH mechanics, converting, browser/tool support | references/oklch-foundations.md |
| Building a palette, ramps, data-viz series colors | references/palette-construction.md |
| Dark mode, theme families, elevation in dark UIs | references/themes.md |
| Contrast checking, WCAG/APCA, glow & saturation discipline | references/contrast-and-restraint.md |
Non-negotiables
- Body text meets WCAG AA (4.5:1) minimum; UI chrome ≥ 3:1. Check, don't eyeball.
- Neutrals carry a trace of the anchor hue (C ≈ 0.005–0.02). Pure grey reads dead.
- One color is the loudest in any view. If two compete, demote one.
- Never ship a palette without rendering it in the real artifact and running the
critiqueskill on the result.