oklch skills

13 tagged oklch, measured the same way as everything else here.

Browse within: component-library 12design-language 12design-system 12design-tokens 12

tw-easing-gradients

01

enisbu/tw-easing-gradients

Skill Claude CodeCodex

Replace Tailwind CSS linear gradients with smooth eased gradients using tw-easing-gradients. Use when upgrading bg-gradient-to-, creating fading backgrounds, or smooth color transitions.

47 4mo ago A 40 tokens original MIT

sigil-design

02

Kevin-Liu-01/Sigil-UI

Skill Claude CodeCodex

Generate, parse, and compile a unified DESIGN.md (33 categories, 519 tokens) that compiles to CSS, Tailwind v4, and W3C JSON. Use when creating a new design reference, extracting tokens from an existing site (sigil design extract), switching a project's visual identity, generating compiled token output, or auditing a…

9 1mo ago A 111 tokens original MIT

sigil-playbook

03

Kevin-Liu-01/Sigil-UI

Skill Claude CodeCodex

The Sigil Playbook codifies the small vocabulary of structural patterns that make any new page "just work." Originating from the Reticle design language (Dedalus monorepo), these 10 rules — 6 compositional moves + 4 supporting patterns — replace dozens of ad-hoc layout decisions.

9 1mo ago A 4 tokens original MIT

sigil-preset

04

Kevin-Liu-01/Sigil-UI

Skill Claude CodeCodex

Every custom preset MUST populate ALL 33 token categories and ALL fields.

9 1mo ago A 4 tokens original MIT