Color

visual-design-foundations ayuda a los equipos a crear sistemas de UI prácticos con escalas tipográficas, tokens de color, reglas de espaciado y pautas de iconografía. Úsala para implantar una base de diseño sólida, crear guías de estilo, auditar la jerarquía visual y generar variables CSS listas para implementación a partir de restricciones de diseño claras.

La skill colorize ayuda a los equipos de UI a incorporar color de forma estratégica en interfaces grises o planas. Descubre cuándo conviene usarla, qué contexto necesita y cómo encaja en el flujo de trabajo impeccable con $frontend-design y decisiones de color alineadas con la marca.

bolder ayuda a que diseños de UI seguros pero sosos resulten más distintivos sin perder usabilidad. Descubre cuándo usar el skill bolder, su paso previo obligatorio $frontend-design y pautas prácticas para crear prompts más sólidos, diagnosticar problemas y aumentar el impacto visual con control.

distill es una skill de diseño UI pensada para llevar pantallas, componentes y flujos a su objetivo esencial. Úsala para reducir el desorden, el ruido visual y la acumulación de funciones, pero ten en cuenta que distill depende de /frontend-design y, en algunos casos, de /teach-impeccable antes de utilizarse.

Descubre cómo la skill colorize aporta color de forma estratégica a interfaces grises o planas. Esta guía cubre la preparación necesaria con frontend-design, el contexto de instalación desde el repositorio y su uso práctico para mejorar jerarquía, semántica y ajuste con la marca.

bolder es una skill de diseño de interfaces que potencia interfaces sosas o demasiado conservadoras con más contraste, jerarquía y personalidad. Úsala después de recopilar contexto con /frontend-design, o con /teach-impeccable cuando no exista contexto de diseño, para obtener mejoras de diseño más claras y accionables sin perder usabilidad.

La skill quieter reduce la intensidad visual en UI Design, ayudando a suavizar interfaces estridentes, agresivas o sobreestimulantes sin perder jerarquía, claridad ni personalidad de marca. Se aprovecha mejor después del flujo obligatorio `/frontend-design` en el repositorio pbakaus/impeccable.

distill es una skill de simplificación de diseño de interfaces centrada en reducir una pantalla a su tarea esencial. Úsala para despejar interfaces, reducir ruido y aclarar la jerarquía visual. Funciona mejor después de /frontend-design, con una pantalla concreta, un objetivo principal del usuario y restricciones claras sobre lo que debe conservarse.

La skill colorize ayuda a los equipos a incorporar color de forma estratégica en interfaces grises o planas. Orienta sobre dónde debe aparecer el color, por qué importa y cómo usarlo dentro del contexto de marca, la jerarquía visual, los estados semánticos y el tono existentes. Se aprovecha mejor después de /frontend-design para tomar decisiones de color más fiables.

baoyu-cover-image ayuda a los agentes a generar prompts estructurados para imágenes de portada de artículos mediante tipo, paleta, renderizado, texto y tono. Admite formatos 2.35:1, 16:9 y 1:1, incluye reglas de selección automática y guías de compatibilidad, y encaja en flujos repetibles de portadas editoriales y de UI Design.

teach-impeccable es una skill de configuración inicial única que analiza tu repo, hace solo las preguntas de UX y marca que faltan, y guarda pautas de diseño persistentes para futuras sesiones de IA.

quieter es una skill de refinamiento de diseño UI que reduce la intensidad visual sin perder jerarquía, identidad de marca ni usabilidad. Funciona mejor después de /frontend-design y, si hace falta, /teach-impeccable, ayudando a los equipos a suavizar interfaces recargadas sin tener que hacer un rediseño completo.