agentsclimarketplace
Sign in

Color

Skill jangles-byte/atelier/skills/color

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.From its SKILL.md

Install
npx -y skills add jangles-byte/atelier --skill color

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 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.

SKILL.md

2.3 KB, 455 tokens by cl100k_base, 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

  1. Read the design philosophy (from design-direction); the palette's emotional register comes from there, not from this skill.
  2. Construct the palette in OKLCH using references/palette-construction.md — anchor hue → neutral ramp (tinted, never pure grey) → accent ramp → semantic colors.
  3. If the work has themes, build dark and light as sibling palettes, not inversions, per references/themes.md.
  4. 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

SituationLoad
OKLCH mechanics, converting, browser/tool supportreferences/oklch-foundations.md
Building a palette, ramps, data-viz series colorsreferences/palette-construction.md
Dark mode, theme families, elevation in dark UIsreferences/themes.md
Contrast checking, WCAG/APCA, glow & saturation disciplinereferences/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 critique skill on the result.

What ships with it: 4 files

15.3 KB alongside SKILL.md

references/

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.