KairaxisKairaxis
Freetaste skillmedium risk

Capability · rank 33

better-colors

Create and review OKLCH palettes, contrast pairs, gamut handling, and themes for product interfaces.

A color-system workflow for palette generation, contrast, gamut handling, theming, and semantic UI color decisions.

Listed owner

jakubkrehel/skills

Package source

jakub.kr

Category

Design

Design
$npx skills add jakubkrehel/skills --skill better-colors
OverviewSandboxUsageExamplesLimitationsVersionsRelated Skills

Overview

A color-system workflow for palette generation, contrast, gamut handling, theming, and semantic UI color decisions. Review the sandbox comparison, limitations, permissions, and pinned version before install.

Outcome

Create and review OKLCH palettes, contrast pairs, gamut handling, and themes for product interfaces.

Who it is for

Teams creating or tuning semantic color tokens and light or dark UI themes.

What it is not for

Using color alone to communicate state or replacing accessible labels and states.

Runtime export

codex_skill · markdown_export

Sandbox comparison
Generic baseline vs better-colors on the same sample input · pinned v0.1.0

Sample input

Create a dark-mode semantic palette with accessible OKLCH contrast pairs

Model: gpt-4.1-mini · temp 0.2

Generic baseline

50/100
Use a generic workflow and rely on broad best practices without domain-specific guidance.

Skill-enhanced

86/100
better-colors workflow:
Create and review OKLCH palettes, contrast pairs, gamut handling, and themes for product interfaces.
Apply the capability with explicit assumptions, constraints, and a reviewable result.

Rubric scores

+36 lift
Coverage of failure modes2 → 5
Actionable recommendations3 → 5
Measurable next steps2 → 4
Risk / limitation awareness2 → 4

Assumptions

  • Sample input is representative of a real production task
  • Same model and temperature for baseline and skill-enhanced runs

Comparison runs through the shared sandbox engine on registry sample cases (deterministic v0 path).

Usage

  1. 1. Inspect trust badges, limitations, and permissions on this page.
  2. 2. Run the sandbox comparison to see baseline vs skill-enhanced output.
  3. 3. Install the pinned version with the command below for your agent runtime.
  4. 4. Agents can also fetch /api/v1/skills/better-colors/manifest.
$npx skills add jakubkrehel/skills --skill better-colors

Example prompts & use cases

1 / Prompt

Create a dark-mode semantic palette with accessible OKLCH contrast pairs

Limitations

  • Rendered contrast and gamut behavior still need checking on the target displays and browsers.

Audience

Teams creating or tuning semantic color tokens and light or dark UI themes.

Not for

Using color alone to communicate state or replacing accessible labels and states.

Version history

v0.1.0

Aug 12, 2026current

Initial Kairaxis catalog packaging