Colorize

Legger til én disiplinert aksentfarge eller strekker et overfarget UI tilbake til 90 % nøytralt.

av educlopez · educlopez/ui-craft

Krever oppsett ★ 7.6/10

Colorize — Legger til én disiplinert aksentfarge eller strekker et overfarget UI tilbake til 90 % nøytralt.

Hva den gjør

En fokusert fargestrategi-linse fra ui-craft-skillfamilien: velger eller gjenbruker en merkevareaksent i OKLCH, bruker den på 3-5 navngitte steder (CTA, én nøkkeltall-toning, aktiv navigasjon, statuspunkter, fokusring), og forbyr dekorativ farge som gradient-overskrifter, fargede kortkanter, og chip-overalt-UI. Utløses av forespørsler om å fargelegge et UI eller dempe et overfarget.

Testrapport

Sine egne referansedokumenter ligger i søster-skillet ui-craft, ikke inne i colorize/ selv — installer colorize alene, og OKLCH-/kontrastreferanselenkene gir 404.

Testet på: 2026-07-13 · Claude Code 2.x (agent harness)

Installer

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

  • /colorizeLegger til én disiplinert aksentfarge eller strekker et overfarget UI tilbake til 90 % nøytralt.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen 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