Estructura
Embudo de tres pasos: problema, solución y acción, con un llamado a la acción en cada paso.
recurso 02 · diseño con ia
Que tu IA diseñe como agencia.
UI UX Pro Max es una skill gratuita y open source que le da criterio de diseño a tu asistente de IA. Antes de escribir una línea de código, elige el estilo, la paleta y las fuentes que le quedan a tu tipo de negocio, y te avisa qué evitar.
Recurso gratuito, sin registro. iactiva no tiene relación con los autores del proyecto.
01 · qué trae
Lo que sabe un diseñador senior, en una skill.
79estilos de interfaz, de minimalista a vibrante en bloques.Cada uno con cuándo usarlo y cuándo no.
192paletas de color pensadas por industria.Restaurantes, salud, finanzas, belleza, software y más.
74combinaciones de fuentes de Google Fonts.Con el ánimo que transmite cada una.
119reglas de experiencia de usuario y accesibilidad.Contraste, foco de teclado, móvil, movimiento reducido.
Cifras publicadas en el repositorio del proyecto al 6 de octubre de 2026. Licencia MIT.
02 · nuestra prueba
Le pedimos la página de una taquería.
Esto es lo que respondió su generador de sistema de diseño, sin editar:
Estilo
Vibrante y en bloques: formas geométricas, alto contraste y tipografía grande.
Colores
Rojo apetitoso (#DC2626) con dorado cálido (#A16207) sobre un fondo rosado muy claro.
Fuentes y qué evitar
Playfair Display SC con Karla. Evitar fotos de mala calidad y horarios desactualizados.
Prueba hecha por iactiva con un negocio ficticio. El diseño final lo construye tu asistente de IA siguiendo este sistema.
03 · cómo instalarla
con npm
sin terminal
Dos formas, según tu herramienta.
Funciona con Claude Code, Cursor, Windsurf, GitHub Copilot, Codex, Antigravity y más de veinte asistentes. Necesitas Node.js y Python 3.
Cualquier asistente
Instala la herramienta y luego, dentro de tu proyecto, indica qué asistente usas.
npm install -g ui-ux-pro-max-cli
uipro init --ai claudeCambia "claude" por cursor, windsurf, copilot…
Marketplace de Claude Code
Si usas Claude Code, también la encuentras en su marketplace de plugins y se instala desde ahí.
Reinicia tu asistente al terminar
Comandos tomados de la documentación del proyecto y probados por iactiva el 6 de octubre de 2026. Revisa el repo para la versión vigente.
04 · los prompts que usamos
Cópialos y cambia el giro de tu negocio.
Página nueva
"Diseña la página de inicio de una [taquería en Monterrey]. Primero genera el sistema de diseño con ui-ux-pro-max y después constrúyela siguiéndolo."
Mejorar lo que ya tienes
"Revisa esta página con las reglas de UX de ui-ux-pro-max y dime los cinco cambios con más impacto, de mayor a menor."
Guardar tu sistema
"Genera el sistema de diseño de [mi negocio] y guárdalo en el proyecto para que todas las páginas nuevas lo sigan."
05 · en tu negocio
Dónde se nota de inmediato.
Tu página web
Una landing que se ve hecha para tu giro, no una plantilla más.
Menús y catálogos
Colores y fuentes coherentes en todo lo que publicas.
Paneles internos
Dashboards y formularios que tu equipo sí entiende a la primera.
Requiere un asistente de IA que escriba código. En el chat del navegador no se instala.
¿Quieres que lo hagamos por ti? Escríbeme por WhatsApp.