Jakub KrehelConvert colours, generate palettes, check contrast, clamp to a target gamut, set up fallbacks. Semantic tokens rather than a pile of hexes.
In the author’s words
Helps you build a color system and answer anything about color in your project. You can generate palettes, use semantic tokens, convert between formats, check contrast and more.
The description field from SKILL.md, quoted as written.
Read it before you install it
SKILL.md · 100 lines
Install on its own
Or add it to your stack above and install everything at once.
npx skills add https://github.com/jakubkrehel/skills --skill better-colorsTrust audit
View the source ↗- Checked automatically and confirmed.
- Resolved (HTTP 200), passed
- Checked automatically and confirmed.
- Transcribed from the author's own page, passed
- Checked automatically and confirmed.
- Last updated 17 days ago, passed
- Checked automatically and confirmed.
- Credited to Jakub Krehel, passed
Goes well with
Gradient Border Plugin
Tailwind gradient borders via mask-composite.
Florian KiemCraftColorMirrors Tailwind's gradient utilities with from / via / to colour stops, configurable widths, and an animated variant.
https://gradient-border.floriankiem.com
OKLCH.fyi
Convert, generate and explore OKLCH colour.
IndependentColorBuild perceptually uniform palettes. The companion to the better-colors skill.
https://oklch.fyi
designparser
A design-rules cheatsheet: colour, typography, layout, composition.
IndependentSystemsCraftRules grouped by discipline: 60-30-10, line length, the 8pt grid, optical centre. Each stated plainly and updated regularly.
https://designparser.de