Colorize

Aggiunge un colore d'accento disciplinato oppure riporta una UI troppo colorata al 90% di neutralità.

di educlopez · educlopez/ui-craft

Richiede configurazione ★ 7.6/10

Colorize — Aggiunge un colore d'accento disciplinato oppure riporta una UI troppo colorata al 90% di neutralità.

Cosa fa

Una lente di strategia cromatica mirata della famiglia di skill ui-craft: sceglie o riutilizza un accento del brand in OKLCH, lo applica in 3-5 posizionamenti definiti (CTA, una tinta per una metrica, navigazione attiva, indicatori di stato, focus ring), e vieta il colore decorativo come titoli in gradiente, bordi colorati delle card e UI piena di chip. Si attiva su richieste di colorare una UI o attenuare una UI troppo colorata.

Rapporto di test

I suoi stessi documenti di riferimento si trovano nella skill affine ui-craft, non dentro colorize/ stessa — installando colorize da sola i link di riferimento su OKLCH/contrasto restituiscono 404.

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

Installazione

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

Comandi e prompt di esempio

  • /colorizeAggiunge un colore d'accento disciplinato oppure riporta una UI troppo colorata al 90% di neutralità.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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