Colorize
Dodaje jeden zdyscyplinowany kolor akcentu albo sprowadza przekolorowany UI z powrotem do 90% neutralności.
Działa po konfiguracji
Co robi ten skill
Skupiona strategia koloru z rodziny skilli ui-craft: wybiera albo ponownie wykorzystuje kolor akcentu marki w OKLCH, nakłada go w 3-5 nazwanych miejscach (CTA, jeden odcień metryki, aktywna nawigacja, kropki statusu, obramowanie fokusu) i zakazuje dekoracyjnego koloru — gradientowych nagłówków, kolorowych obramowań kart, UI usianego chipami. Uruchamia się na prośby o pokolorowanie UI albo stonowanie przekolorowanego.
Raport z testu
Własne dokumenty referencyjne skilla mieszkają w siostrzanym skillu ui-craft, a nie wewnątrz samego colorize/ — zainstaluj samo colorize, a linki referencyjne do OKLCH/kontrastu zwrócą 404.
Testowano: 2026-07-13 · Claude Code 2.x (agent harness)
Instalacja
git clone https://github.com/educlopez/ui-craft cd ui-craft mkdir -p ~/.claude/skills cp -r .agents/skills/colorize ~/.claude/skills/colorize
Komendy i przykładowe prompty
/colorizeDodaje jeden zdyscyplinowany kolor akcentu albo sprowadza przekolorowany UI z powrotem do 90% neutralności.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
Add one disciplined accent color to this mostly gray interfaceTone down this UI that has way too many colors everywherePick a brand accent color and apply it to just the CTA and nav