
from get-shit-pretty35
Generate production-ready color systems: OKLCH palettes, WCAG contrast checks, semantic roles, and dark-mode mappings.
Builds complete color systems from brand colors or inputs. Produces 11-stop OKLCH scales, validates WCAG contrast for foreground/background pairs, maps semantic color roles (primary, secondary, accent, neutral), and generates dark-mode equivalents. Outputs include color-system.md chunks and palettes.json for integration into design systems.
Use this skill when you need deterministic, production-ready palettes for a brand, want automated contrast validation for accessibility, or need dark-mode mappings that preserve contrast. Good for designers, front-end engineers, and automated design pipelines.
references/ folder with composition guidance and technical notes.Best with agents that support file read/write and deterministic computation (Claude Code, Codex-like agents, or any agent with color math libraries).
This skill has not been reviewed by our automated audit pipeline yet.