Colorize

Dodaje jeden zdyscyplinowany kolor akcentu albo sprowadza przekolorowany UI z powrotem do 90% neutralności.

Autor: educlopez · educlopez/ui-craft

Działa po konfiguracji ★ 7.6/10

Colorize — Dodaje jeden zdyscyplinowany kolor akcentu albo sprowadza przekolorowany UI z powrotem do 90% neutralności.

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