SkillProof tested Claude skills

Colorize

Añade un único color de acento disciplinado o despoja una UI sobrecargada de color hasta dejarla en un 90 % neutra.

Por educlopez · educlopez/ui-craft

Funciona con configuración ★ 7.6/10

Colorize — Añade un único color de acento disciplinado o despoja una UI sobrecargada de color hasta dejarla en un 90 % neutra.

Qué hace

Un enfoque específico de estrategia de color de la familia de skills ui-craft: elige o reutiliza un acento de marca en OKLCH, lo aplica en 3-5 ubicaciones nombradas (CTA, un tinte de métrica, navegación activa, puntos de estado, anillo de foco), y prohíbe el color decorativo como títulos con degradado, bordes de tarjeta coloreados y UI llena de chips por todas partes. Se activa con solicitudes para colorear una UI o suavizar una que tiene demasiado color.

Informe de la prueba

Sus propios documentos de referencia viven en el skill hermano ui-craft, no dentro de colorize/ mismo; si se instala colorize solo, los enlaces de referencia de OKLCH/contraste devuelven 404.

Probado el: 2026-07-13 · Claude Code 2.x (agent harness)

Instalación

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

Comandos y prompts de ejemplo

  • /colorizeAñade un único color de acento disciplinado o despoja una UI sobrecargada de color hasta dejarla en un 90 % neutra.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • 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

Informe completo →