Colorize

Přidá jednu disciplinovanou akcentní barvu nebo přebarvené UI vrátí zpět na 90% neutrální.

od educlopez · educlopez/ui-craft

Funguje s nastavením ★ 7.6/10

Colorize — Přidá jednu disciplinovanou akcentní barvu nebo přebarvené UI vrátí zpět na 90% neutrální.

Co umí

Zaměřený pohled na barevnou strategii z rodiny skillů ui-craft: vybere nebo znovupoužije brandovou akcentní barvu v OKLCH, aplikuje ji na 3-5 pojmenovaných míst (CTA, jeden metrický odstín, aktivní navigace, stavové tečky, focus ring) a zakazuje dekorativní barvu jako gradientové nadpisy, barevné okraje karet a UI plné chipů všude. Spouští se na požadavky obarvit UI nebo ztlumit přebarvené UI.

Testovací report

Vlastní referenční dokumenty žijí v sesterském skillu ui-craft, ne uvnitř samotné složky colorize/ — nainstalujete-li colorize samostatně, odkazy na referenci OKLCH/kontrastu skončí 404.

Testováno: 2026-07-13 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

  • /colorizePřidá jednu disciplinovanou akcentní barvu nebo přebarvené UI vrátí zpět na 90% neutrální.

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

  • 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