por wshobson
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.
por pbakaus
La skill layout ayuda a revisar y mejorar la composición de la UI, el espaciado, la jerarquía, la alineación y el ritmo visual. Es más útil en pantallas recargadas o con una estructura débil, y depende de /impeccable para recopilar contexto antes de usarla.
por pbakaus
arrange ayuda a diagnosticar y mejorar el layout de interfaces, el espaciado y la jerarquía visual. Usa esta skill arrange para corregir pantallas saturadas, grids repetitivas y composiciones débiles, con la configuración obligatoria mediante $frontend-design y el contexto opcional de $teach-impeccable.
por pbakaus
La skill typeset audita y mejora la tipografía de interfaces corrigiendo la elección de fuentes, la jerarquía, el tamaño, el peso y la legibilidad. Es especialmente útil para interfaces de producto, dashboards y landing pages. Requiere primero el contexto de /frontend-design y, si no existe contexto de diseño, /teach-impeccable.
por pbakaus
La skill polish ayuda a los equipos a realizar una revisión final de calidad de la UI antes del lanzamiento. Úsala para detectar problemas de espaciado, alineación, estados de interacción, copy y casos límite cuando la interfaz ya está completa a nivel funcional y el contexto de diseño ya está definido.
por pbakaus
La skill normalize audita una funcionalidad de UI y la vuelve a alinear con tu sistema de diseño. Consulta las opciones de instalación de normalize, la preparación previa necesaria de frontend-design y recomendaciones prácticas de uso para páginas, rutas y componentes.
por pbakaus
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.
por pbakaus
arrange ayuda a mejorar el layout de la UI, el espaciado y la jerarquía visual. Úsalo para diagnosticar pantallas saturadas, grids repetitivas, agrupación débil y composiciones planas, y luego aplicar una estructura más clara y un mejor ritmo de espaciado. Se aprovecha mejor dentro de pbakaus/impeccable después de /frontend-design y, en algunos casos, de /teach-impeccable, para sacar más partido a arrange.
por pbakaus
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.
por pbakaus
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.
por pbakaus
La skill normalize audita una funcionalidad de UI y la vuelve a alinear con tu sistema de diseño. Descubre el contexto de instalación de normalize, la preparación necesaria en /frontend-design y su uso práctico en páginas, rutas y componentes.
por pbakaus
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.
por pbakaus
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.
por pbakaus
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.
