This skill works with the OKLCH color space, a perceptually uniform model where lightness and chroma behave predictably across hues. It converts hex, rgb, and hsl to oklch, generates consistent palettes and dark mode scales, checks APCA and WCAG contrast with lightness-based fixes, handles gamut clamping for sRGB and P3, and integrates with Tailwind v4's @theme. It helps web developers and designers build color systems that avoid hue drift, failing contrast, and broken fallbacks.
Follow the documented setup, then try a first task.
Installs: Complete jakubkrehel/oklch-skill bundle
Run this command in a terminal:
npx skills add jakubkrehel/oklch-skill
Uses oklch-skill
Use the oklch-skill to convert the hex, RGB, or HSL colors in [CSS file or pasted color list] to OKLCH. Return a markdown table with Before and After columns, including every color you change.
Uses oklch-skill
Use the oklch-skill to generate a small OKLCH palette from [base color], including a light-to-dark scale and corresponding dark-mode colors. Keep the hue stable and account for displayable gamut boundaries.
Uses oklch-skill
Use the oklch-skill to check the contrast between foreground [color] and background [color] using APCA and WCAG 2 thresholds. If it fails, suggest the smallest lightness-only adjustment and show the change in a markdown table with Before and After columns.
Claude