better-colors
Builds and checks color systems by generating palettes, naming semantic tokens, converting between formats and measuring contrast.
Install
With your agent
Install OMGSkills skill "jakubkrehel/skills:better-colors" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.
Manual command
git clone https://github.com/jakubkrehel/skills /tmp/skills && ln -s /tmp/skills/skills/better-colors ~/.claude/skills/better-colorsFrom README
Colors This skill builds and audits color systems. It generates ramps, maps their steps to roles and token names, converts notation and measures rendered contrast pairs. Never report a contrast value you did not measure, and never estimate a color you could compute. Notation, a tinted neutral and a gradient's interpolation space are project choices, not findings. A broken role mapping, a failing pair and an out-of-gamut step are findings. Perceived lightness throughout means OKLCH L, from 0 to 1. Whether a pair is required to pass belongs to better-accessibility. Surfaces, shadows and icon color belong to better-ui. Match the project's color system Reuse the project's tokens and notation. A consistent hex system beats hex with oklch() scattered through it. For a new system, oklch() is the best default, because its numbers behave the way the ramp rules below describe. Everywhere else, a color library produces the same ramp in the project's own notation (color-formats.md).