Colorize

Tilføjer én disciplineret accentfarve eller strammer en overfarvet UI tilbage til 90 % neutral.

Af educlopez · educlopez/ui-craft

Virker med opsætning ★ 7.6/10

Colorize — Tilføjer én disciplineret accentfarve eller strammer en overfarvet UI tilbage til 90 % neutral.

Hvad det gør

En fokuseret farvestrategi-linse fra ui-craft-skill-familien: vælger eller genbruger en brandaccent i OKLCH, anvender den på 3-5 navngivne placeringer (CTA, ét metrik-skær, aktiv nav, statusprikker, fokusring), og forbyder dekorativ farve som gradient-overskrifter, farvede kort-kanter og chip-overalt-UI. Trigges af forespørgsler om at farvelægge en UI eller dæmpe en overfarvet én.

Testrapport

Dets egne referencedokumenter ligger i søsterskillet ui-craft, ikke inde i colorize/ selv - installér colorize alene, og OKLCH-/kontrast-referencelinkene giver 404.

Testet: 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

Kommandoer og eksempelprompter

  • /colorizeTilføjer én disciplineret accentfarve eller strammer en overfarvet UI tilbage til 90 % neutral.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

  • 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