Colorize
Fügt eine einzige diszipliniert eingesetzte Akzentfarbe hinzu oder reduziert ein überfärbtes UI zurück auf 90 % Neutral.
Funktioniert mit Setup
Was es kann
Eine fokussierte Farbstrategie-Linse aus der ui-craft-Skill-Familie: wählt oder übernimmt einen Markenakzent in OKLCH, setzt ihn an 3–5 benannten Stellen ein (CTA, ein Kennzahl-Tint, aktive Navigation, Status-Punkte, Fokusring) und verbietet dekorative Farbe wie Gradient-Überschriften, farbige Card-Ränder und Chip-überall-UI. Reagiert auf Anfragen, ein UI zu kolorieren oder ein überfärbtes UI zu dämpfen.
Testbericht
Die eigenen Referenz-Dokumente liegen im Schwester-Skill ui-craft, nicht in colorize/ selbst — installiert man colorize allein, führen die OKLCH-/Kontrast-Referenzlinks zu 404.
Getestet am: 2026-07-13 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/educlopez/ui-craft cd ui-craft mkdir -p ~/.claude/skills cp -r .agents/skills/colorize ~/.claude/skills/colorize
Befehle & Beispiel-Prompts
/colorizeFügt eine einzige diszipliniert eingesetzte Akzentfarbe hinzu oder reduziert ein überfärbtes UI zurück auf 90 % Neutral.
Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):
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