Communitygithub.com

jakubkrehel/oklch-skill

Espacio de color OKLCH para proyectos web. Convierte hex/rgb/hsl a oklch, genera paletas, verifica contraste, maneja límites de gama y crea temas con Tailwind v4.

¿Qué es oklch-skill?

Esta habilidad proporciona soporte completo para el espacio de color OKLCH en proyectos web. Permite convertir desde formatos de color comunes (hex, RGB, HSL) a OKLCH, generar paletas de colores armónicas, verificar relaciones de contraste según WCAG, manejar límites de gama (incluyendo Display P3) y evitar la deriva de tono al oscurecer o aclarar colores. Es especialmente útil para diseñadores y desarrolladores que buscan crear sistemas de diseño con colores predecibles y accesibles. La habilidad se activa con palabras clave como 'oklch', 'conversión de color', 'generación de paletas', 'relación de contraste', 'gama', 'display p3', 'tokens de diseño', 'deriva de tono', 'croma' y 'colores para modo oscuro'. Funciona en plataformas como Claude Code, Cursor y Codex, y es compatible con Tailwind CSS v4 para la creación de temas de color avanzados.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jakubkrehel/oklch-skill/tree/main/skills/oklch-skill

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace oklch-skill?

Espacio de color OKLCH para proyectos web. Convierte hex/rgb/hsl a oklch, genera paletas, verifica contraste, maneja límites de gama y crea temas con Tailwind v4. Se activa con oklch, conversión de color, generación de paletas, relación de contraste, gama, display p3, tokens de diseño, deriva de tono, croma, colores para modo oscuro.

Skills relacionados