Layout

typeset mejora la tipografía de interfaces al revisar la elección de fuentes, la jerarquía, el tamaño, el peso y la legibilidad. Conviene usarlo después de /frontend-design y, si falta contexto, con /teach-impeccable, para convertir texto genérico en un sistema tipográfico más claro y deliberado.

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.

La skill polish guía una revisión final de la UI para corregir espaciado, alineación, textos, estados y transiciones antes del lanzamiento. Funciona mejor cuando la funcionalidad ya está terminada y se cuenta con contexto de diseño, un estándar de calidad claro y un objetivo concreto: una pantalla, un flujo o un componente.

frontend-design es una skill centrada en diseño para crear interfaces frontend pulidas, con mejor contexto, jerarquía, accesibilidad y comportamiento responsive. Úsala para instalar la skill, revisar las referencias clave y aplicar orientación práctica para mejorar componentes, páginas y pantallas de aplicaciones.

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 delight ayuda a los equipos de UI a incorporar microinteracciones, textos y momentos de feedback con buen criterio para que las interfaces se sientan más cálidas y memorables. Es más útil para pulir pantallas o flujos concretos, no para rediseños completos. Usa delight con contexto previo de /frontend-design y, si hace falta, ejecuta antes /teach-impeccable.

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.

bolder es una skill de diseño de interfaces UI que refuerza interfaces planas o excesivamente seguras con una jerarquía más marcada, mayor contraste y más personalidad, sin comprometer la usabilidad. Se usa mejor después de /frontend-design y, si falta contexto, de /teach-impeccable, sobre un objetivo concreto como una página, una sección o un componente.

La skill arrange ayuda a mejorar el layout de UI, el espaciado, la agrupación y la jerarquía visual. Descubre cuándo conviene usarla, cómo funciona la instalación de arrange desde el repo de GitHub y cómo aplicar arrange con el contexto de /frontend-design para tomar mejores decisiones de UI Design.