Colorize

Lägger till en disciplinerad accentfärg eller stripar ett överfärgat UI tillbaka till 90 % neutralt.

av educlopez · educlopez/ui-craft

Fungerar med konfiguration ★ 7.6/10

Colorize — Lägger till en disciplinerad accentfärg eller stripar ett överfärgat UI tillbaka till 90 % neutralt.

Vad den gör

En fokuserad färgstrategilins från skill-familjen ui-craft: väljer eller återanvänder en varumärkesaccent i OKLCH, applicerar den på 3-5 namngivna platser (CTA, en mätvärdesnyans, aktiv navigering, statuspunkter, fokusring), och förbjuder dekorativ färg som gradientrubriker, färgade kortkanter och UI fullt av chips. Triggas av förfrågningar om att färgsätta ett UI eller tona ner ett överfärgat.

Testrapport

Dess egna referensdokument ligger i systerskillen ui-craft, inte inuti colorize/ själv - installera colorize ensamt och OKLCH-/kontrastreferenslänkarna ger 404.

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

Installation

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

Kommandon och exempelprompter

  • /colorizeLägger till en disciplinerad accentfärg eller stripar ett överfärgat UI tillbaka till 90 % neutralt.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

  • 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