colorize

Resumen

¿Qué es la skill colorize?

La skill colorize está diseñada para ayudar a diseñadores y desarrolladores UI a mejorar interfaces que se ven demasiado grises, monocromáticas o visualmente apagadas. Al introducir color de forma estratégica, esta skill hace que los productos digitales sean más atractivos, expresivos y coherentes con la identidad de marca. Es ideal para proyectos donde usuarios o interesados mencionan que el diseño carece de calidez, viveza o interés visual.

¿Quién debería usar colorize?

• Diseñadores UI/UX que buscan mejorar el atractivo visual de sus interfaces
• Equipos de producto que quieren reforzar la identidad de marca mediante el color
• Desarrolladores que trabajan en aplicaciones que necesitan una jerarquía o tono emocional más claros
• Cualquier persona que reciba comentarios sobre un diseño demasiado simple o sin personalidad

Problemas que resuelve colorize

• Interfaces de usuario apagadas, grises o sin vida
• Falta de señales de color semánticas para estado, jerarquía o navegación
• Oportunidades perdidas para la expresión de marca y el compromiso del usuario

Cómo usar

Pasos de instalación

1. Instala la skill colorize usando el siguiente comando:

   npx skills add https://github.com/pbakaus/impeccable --skill colorize

2. Comienza revisando el archivo SKILL.md para un flujo de trabajo detallado e instrucciones específicas según el contexto.

3. Para información adicional, consulta archivos relacionados como README.md, AGENTS.md y metadata.json si están disponibles en el repositorio.

Resumen del flujo de trabajo

• Preparación obligatoria:
  • Invoca /frontend-design para acceder a principios de diseño y al Protocolo de Recolección de Contexto.
  • Si no existe contexto de diseño, ejecuta primero /teach-impeccable.
  • Reúne los colores de marca existentes para asegurar coherencia.
• Evaluar oportunidad de color:
  • Analiza la interfaz actual para identificar áreas que carecen de color o interés visual.
  • Determina dónde el color puede aportar significado semántico, jerarquía o tono emocional.
  • Considera el dominio, la audiencia y las directrices de marca.
• Planificar y aplicar color:
  • Introduce color estratégicamente en elementos clave para mejorar usabilidad y compromiso.
  • Usa el color para resaltar acciones importantes, diferenciar secciones y crear una paleta más expresiva.

Archivos sugeridos para revisar

• Comienza con SKILL.md para el flujo de trabajo principal.
• Explora archivos y carpetas complementarias para obtener contexto y ejemplos más profundos.

Preguntas frecuentes

¿Cuándo debo usar la skill colorize?

Usa colorize cuando tu interfaz se sienta demasiado simple, gris o carezca de calidez y personalidad visual. Es especialmente útil cuando los usuarios piden un diseño más vibrante o expresivo.

¿Qué preparación se requiere antes de usar colorize?

Debes recopilar contexto de diseño usando el protocolo /frontend-design y reunir los colores de marca existentes. Si no hay contexto, ejecuta primero /teach-impeccable.

¿Puedo usar colorize en cualquier tipo de proyecto?

colorize es más adecuado para proyectos de diseño UI donde el color puede mejorar la usabilidad, la alineación con la marca o el impacto emocional. Puede no ser necesario en diseños muy funcionales, minimalistas o intencionalmente monocromáticos.

¿Dónde puedo encontrar más detalles sobre el flujo de trabajo?

Abre la pestaña de Archivos en el repositorio para explorar el árbol completo, incluyendo SKILL.md y cualquier referencia o script auxiliar para orientación avanzada.