Not in the top 1,000 by GitHub stars

jakubkrehel/oklch-skill

An agent skill that helps you work with OKLCH colors.

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

skills/oklch-skill/SKILL.md

Week of Nov 2, 2026 · +0 / −0 lines

Before Instructions only → After Instructions only

0e81f040e16d → 0e81f040e16d

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Instructions only

First observation → 0e81f040e16d

No earlier version was observed for comparison.

Compare on GitHub

View on GitHubAdd to my skills

Verified commit 0e81f040e16d48fcc61d3e1b7ea548542371321f

280GitHub stars
7stars in 7 days
1skill in this repository
0commits in 30 days

Heat

3.6
  • Star growth, last 7 daysNot available
  • Star growth, last 24 hoursNot available
  • Rank movement, last 7 daysNot available
  • Commits, last 30 daysNot available
  • Accounts asking about it through MCP, last 7 daysNot available
  • Hot votes this weekNot available

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Oct 25, 2026Nov 6, 2026280

30-day change not yet available: not enough history.

Individual skills in this repository

How it works

oklch-skill

When your agent uses it

OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.

What it loads into context

Frontmatter

83 tokens

Always available to the agent

SKILL.md

1,339 tokens

When the skill is activated

Reference documents

3,165 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

  1. Quick Reference
  2. Why OKLCH
  3. OKLCH Syntax
  4. Key Thresholds
  5. Review Output Format
  6. Common Mistakes
  7. Reference Files

Files

  • SKILL.mdcore4,816 bytes
  • accessibility-contrast.mddoc2,928 bytes
  • color-conversion.mddoc1,549 bytes
  • gamut-and-tailwind.mddoc2,483 bytes
  • palette-generation.mddoc3,042 bytes
Read SKILL.md

# OKLCH Colors

OKLCH is a perceptually uniform color space where the numbers actually mean what you think they mean. Most color problems in CSS — broken palettes, failing contrast, hue drift — come from using color spaces that don't match how we see. OKLCH fixes the model so the tools work. To explore interactively, visit [oklch.fyi](https://oklch.fyi).

## Quick Reference

| Category | When to use | Reference |
| --- | --- | --- |
| Conversion | Hex/rgb/hsl to oklch | [color-conversion.md](color-conversion.md) |
| Palettes | Generate scales, multi-hue, dark mode | [palette-generation.md](palette-generation.md) |
| Contrast | APCA/WCAG checks, fixing failing contrast | [accessibility-contrast.md](accessibility-contrast.md) |
| Gamut & Tailwind | P3 fallbacks, `@theme` scales, gamut clamping | [gamut-and-tailwind.md](gamut-and-tailwind.md) |

## Why OKLCH
View the complete source on GitHub

Skills included

  • oklch-skill

Repository facts

License
MIT
Created
Mar 31, 2026
Last pushed
Oct 7, 2026
Forks
12
Open issues
1
Project activity
Active

Before you install

Instructions only

Automated signals, not a guarantee

Checked Nov 7, 2026

  • No broad tool permissions
  • No dangerous shell commands
  • 1 network referencein 1 file: oklch-skill/SKILL.md:8
  • No hidden or obfuscated text
  • No instruction overrides
  • No executable scripts
  • No access to secrets
  • No requests to vote in Hot
Show the signal with its line

skills/oklch-skill/SKILL.md

  • Network accessline 8
    OKLCH is a perceptually uniform color space where the numbers actually mean what you think they mean. Most color problems in CSS — broken palettes, failing contrast, hue drift — come from using color spaces that don't match how we see. OKLC

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Signal confidence: 1 fact

Works with

Agent compatibility, from the files in this repository
AgentStatusEvidenceInstall to
Claude CodeCompatibleStandard SKILL.md skills/oklch-skill/SKILL.md.claude/skills/<skill-name>/
CodexCompatibleStandard SKILL.md skills/oklch-skill/SKILL.md.agents/skills/<skill-name>/
CursorCompatibleStandard SKILL.md skills/oklch-skill/SKILL.md.cursor/skills/<skill-name>/
Gemini CLICompatibleStandard SKILL.md skills/oklch-skill/SKILL.md.gemini/skills/<skill-name>/
GitHub CopilotCompatibleStandard SKILL.md skills/oklch-skill/SKILL.md.github/skills/<skill-name>/
OpenCodeCompatibleStandard SKILL.md skills/oklch-skill/SKILL.md.opencode/skills/<skill-name>/
  • Native The repository ships a manifest, folder or frontmatter field for this agent.
  • Compatible A standard SKILL.md that this agent can read.
  • Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.