Colorsystem — Development skill for Claude Code
Build or repair a purposeful, contrast-checked color system.
How to install Colorsystem
Installs to ~/.claude/skills/kyanitelabs-tastecheck-colorsystem/SKILL.md
mkdir -p ~/.claude/skills/kyanitelabs-tastecheck-colorsystem && curl -fsSL https://raw.githubusercontent.com/KyaniteLabs/tastecheck/HEAD/commands/colorsystem.md -o ~/.claude/skills/kyanitelabs-tastecheck-colorsystem/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Colorsystem does
description: Build or repair a purposeful, contrast-checked color system argument-hint: "[file/path or text, optional]"
Load and apply the **color-system** skill (`~/.agents/skills/color-system/SKILL.md`).
Start from the brief and existing brand evidence. Produce the needed OKLCH ramps, semantic roles, mode mappings, and measured foreground/background pairs. Examples teach the mechanics; they are not a palette menu.
Target: $ARGUMENTS (if empty, apply to the current file / most recent
Alternatives in Development
- Zeroshot — Runs coding agents as a graph: one agent implements, independent agents review, failures go to repair, and not 1.9k ★
- Agentlas Build — Build, repair, or package Agentlas agents and teams with Hephaestus 1.1k ★
- Check A11y — Report WCAG contrast for the theme and the minimal fix to reach AA 452 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Color Specialist
Use when colour is failing. Contrast below AA, a palette with no system behind it, dark mode that is only inve
Palette From Brand
Generate a full color palette (ramps + semantic aliases + dark mode + contrast matrix) from a brand input (hex
Contrast Guardrails
Claude Code Skill: pre-flight WCAG-AA color-contrast guardrails that stop your agent from shipping invisible b
Verify Theme
Run the full Graphite quality gate (drift, tokens, contrast, YAML) and report pass/fail
Accessibility Specialist
Use when a screen might fail WCAG. Unlabeled inputs, no keyboard path, contrast below AA, missing landmarks, b
Darkmode
(alias of /theming) Light + dark + high-contrast theme system
Related Agents
Color Reviewer
Reviews color usage, palette consistency, contrast ratios, and color accessibility.
Color Analyst
Diagnose and improve project color systems. Covers contrast, harmony, semantics, dark mode, and palette genera
Wp Audit A11y
Accessibility auditor — WCAG 2.1 AA compliance, WordPress-specific checks, skip links, ARIA, keyboard navigati