normalize

Visión general

¿Qué es la skill normalize?

La skill normalize es una herramienta de diseño UI que audita y realinea las características de la interfaz de usuario para que coincidan con los estándares de tu sistema de diseño, incluyendo espacios, tokens y patrones establecidos. Es ideal para equipos e individuos que necesitan corregir desviaciones de diseño, estilos desajustados o volver a alinear funciones con las directrices del sistema.

¿Quién debería usar normalize?

Normalize es ideal para diseñadores, desarrolladores frontend y equipos de producto que mantienen un sistema de diseño o buscan una UI consistente. Úsala cuando notes inconsistencias, quieras corregir desviaciones de diseño o necesites asegurar que nuevas funciones cumplan con tu sistema de diseño.

¿Qué problemas resuelve normalize?

• Identifica y corrige desviaciones respecto a los estándares del sistema de diseño
• Realinea componentes UI con tokens, espacios y patrones
• Ayuda a mantener la consistencia visual e interactiva en todo tu producto

Cómo usar

Pasos de instalación

1. Instala normalize usando:
   npx skills add https://github.com/pbakaus/impeccable --skill normalize
2. Revisa el archivo SKILL.md para instrucciones detalladas del flujo de trabajo y contexto.
3. Explora archivos complementarios como README.md, AGENTS.md y metadata.json para orientación adicional.

Resumen del flujo de trabajo

• Comienza invocando /frontend-design para recopilar contexto y principios de diseño.
• Si no existe contexto de diseño, ejecuta /teach-impeccable para establecer estándares base.
• Estudia la documentación de tu sistema de diseño, guías UI y bibliotecas de componentes.
• Analiza la función para detectar inconsistencias y crea un plan de normalización.
• Ejecuta el plan, ajustando la UI para alinearla con tokens y patrones de diseño.
• Limpia y documenta los cambios para referencia futura.

¿Cuándo es adecuado usar normalize?

• Cuando necesitas auditar la UI para consistencia
• Cuando las funciones se han desviado de los estándares del sistema de diseño
• Al incorporar nuevos miembros al equipo en prácticas del sistema de diseño

¿Cuándo no se recomienda normalize?

• Si no cuentas con un sistema de diseño o guías UI
• Para tareas puramente backend o no visuales

Preguntas frecuentes

¿Dónde puedo encontrar los archivos complementarios?

Abre la pestaña Archivos en el repositorio para previsualizar SKILL.md y otros archivos relevantes, incluyendo referencias y scripts auxiliares.

¿Normalize requiere un sistema de diseño?

Sí, normalize funciona mejor cuando tienes un sistema de diseño o guías UI establecidas. Si no, usa /teach-impeccable para crear uno antes de continuar.

¿Puede normalize corregir problemas funcionales?

Normalize se enfoca en la consistencia visual y de diseño. Los problemas funcionales deben abordarse por separado, aunque la normalización puede señalar áreas donde diseño y función se intersectan.

¿Cómo adapto normalize a mi flujo de trabajo?

Sigue las indicaciones en SKILL.md y archivos complementarios, pero ajusta el proceso a tu repositorio, herramientas y necesidades del equipo. Evita copiar flujos de trabajo literalmente; úsalos como base para tus propias auditorías de diseño UI.