Inteligencia completa de diseño UI/UX para interfaces pulidas — abarca patrones de interacción, sistemas de diseño, flujos de usuario y accesibilidad.
npx clawhub@latest install ui-ux-pro-maxUi Ux Pro Max es una habilidad de inteligencia de diseño integral que proporciona tanto pensamiento estratégico como orientación práctica de implementación para construir interfaces pulidas y de calidad de producción. Cubre diseño de interacción, flujos de usuario, patrones de componentes, sistemas de diseño, accesibilidad y microinteracciones. Ya sea que estés rediseñando una página de configuración confusa, construyendo un flujo de incorporación o estableciendo una jerarquía de botones coherente, esta habilidad te guía a través de decisiones fundamentadas y resultados concretos.
npx clawhub@latest install ui-ux-pro-maxHaz clic en el botón Instalar en la parte superior de esta página para una configuración rápida
La habilidad aplica principios fundamentales — divulgación progresiva, bucles de retroalimentación, prevención de errores, reconocimiento sobre recuerdo y consistencia — directamente a tu contexto de diseño específico. En lugar de teoría abstracta, obtienes decisiones concretas adaptadas a tus usuarios, tarea y plataforma.
Cubre patrones de navegación (barra de navegación superior, barra lateral, barra de pestañas, migas de pan, paleta de comandos), patrones de formularios (columna única, asistente paso a paso, edición en línea) y patrones de visualización de datos (tablas, cuadrículas de tarjetas, listas, paneles de control) con orientación clara sobre cuándo cada uno es la elección correcta.
Proporciona especificaciones de implementación precisas para estados de carga (pantallas esqueleto, UI optimista), estados vacíos, transiciones (duración, aceleración, valores de movimiento) y micro-interacciones como retroalimentación al presionar botones, animaciones de alternancia y estados de envío de formularios.
Genera definiciones estructuradas de componentes que incluyen jerarquías de variantes, escalas de tamaño y especificaciones completas de estados (predeterminado, hover, activo, foco, deshabilitado, cargando). El ejemplo del sistema de botones demuestra el nivel de detalle: valores exactos en píxeles, reglas de opacidad y restricciones de uso.
Incluye métodos de validación prácticos: la prueba de los 5 segundos para la claridad de la página, la prueba del entrecerrar los ojos para la jerarquía visual, la prueba de tabulación para la navegabilidad con teclado y las pruebas de estados de error. Estos te ayudan a detectar problemas antes de lanzar el producto.
Cuando una página de configuración se siente abrumadora o desorganizada, esta habilidad audita la estructura actual, identifica problemas de agrupación e interacción, y recomienda un diseño de navegación lateral con comportamiento de guardado automático, indicadores de cambios y controles de restablecimiento por campo — con patrones de componentes específicos incluidos.
Para una nueva función de aplicación o producto, Ui Ux Pro Max diseña una secuencia de incorporación por pasos con una acción principal por paso, indicadores de progreso visibles, valores predeterminados inteligentes prellenados, pasos opcionales claramente marcados y un tiempo total estimado — lista para entregar al equipo de ingeniería.
Cuando una aplicación tiene botones o llamadas a la acción inconsistentes, esta habilidad produce un sistema de botones completo: cuatro variantes semánticas (Primario, Secundario, Fantasma, Destructivo), tres niveles de tamaño con dimensiones exactas y todos los estados de interacción requeridos con especificaciones visuales precisas.
Usa esta habilidad para evaluar una interfaz en cuanto a navegabilidad por teclado, anillos de foco visibles, contraste de color, preferencias de movimiento y compatibilidad con lectores de pantalla — tratando la accesibilidad como un requisito fundamental de UX y no como algo secundario.
npx clawhub@latest install ui-ux-pro-maxInicia sesión para escribir una reseña
Aún no hay reseñas. ¡Sé el primero en compartir tu experiencia!