Colorize

Voegt één gedisciplineerde accentkleur toe of strip een overkleurde UI terug naar 90% neutraal.

Door educlopez · educlopez/ui-craft

Werkt met setup ★ 7.6/10

Colorize — Voegt één gedisciplineerde accentkleur toe of strip een overkleurde UI terug naar 90% neutraal.

Wat het doet

Een gerichte kleurstrategielens uit de ui-craft-skillfamilie: kiest of hergebruikt een merkaccent in OKLCH, past dit toe op 3-5 benoemde plaatsen (CTA, één metric-tint, actieve nav, statuspunten, focusring), en verbiedt decoratieve kleur zoals gradiëntkoppen, gekleurde kaartranden en chips-overal-UI. Triggert op verzoeken om een UI te kleuren of een overkleurde UI te temperen.

Testrapport

Zijn eigen referentiedocumenten leven in de zuster-skill ui-craft, niet binnen colorize/ zelf — installeer colorize alleen en de OKLCH-/contrastreferentielinks geven 404.

Getest op: 2026-07-13 · Claude Code 2.x (agent harness)

Installatie

git clone https://github.com/educlopez/ui-craft
cd ui-craft
mkdir -p ~/.claude/skills
cp -r .agents/skills/colorize ~/.claude/skills/colorize

Commando's en voorbeeldprompts

  • /colorizeVoegt één gedisciplineerde accentkleur toe of strip een overkleurde UI terug naar 90% neutraal.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • Add one disciplined accent color to this mostly gray interface
  • Tone down this UI that has way too many colors everywhere
  • Pick a brand accent color and apply it to just the CTA and nav