Con más de 128.000 estrellas en GitHub, UI UX Pro Max Skill es un sistema de inteligencia de diseño de código abierto que se instala en más de 20 asistentes, entre ellos Claude Code, Cursor y Windsurf, y les enseña a tomar decisiones de diseño antes de escribir una sola línea de CSS.
TL;DR: El resumen sin rodeos
- Qué es: un skill gratuito (licencia MIT) que inyecta 192 reglas de diseño por sector, 79 estilos visuales (50 activos) y 74 combinaciones tipográficas en tu agente de código.
- Para quién: equipos de marketing, freelances y desarrolladores que necesitan interfaces decentes sin un diseñador para cada página de destino.
- Coste: versión básica gratuita. La premium (identidad de marca, activos visuales, soporte dedicado) no publica precio a fecha de este análisis.
- Requisitos: Python 3.x y Node.js. Compatible con más de 20 asistentes de IA.
En este artículo
| Web oficial | https://uupm.cc/ |
|---|---|
| Repositorio | repo |
| Licencia | MIT |
| Estrellas en GitHub | 128.937 |
| Año de lanzamiento | 2025 |
| Quién lo mantiene | nextlevelbuilder (organización) |
| Plataformas | Claude Code, Cursor, Windsurf, Antigravity, GitHub Copilot, Kiro, Codex CLI, Roo Code, Gemini CLI, Warp, Augment y otros AI IDEs |
| Requisitos | Python 3.x y Node.js/npm para instalar el CLI (ui-ux-pro-max-cli) |
Revisado el 2026-09-19
Esta herramienta forma parte de estos recopilatorios: Recursos de diseño para agentes de código · Skills para Claude Code, Codex y otros agentes de código
El problema que resuelve
Los agentes de código generan interfaces sin criterio de diseño. Pídele a cualquier modelo "hazme una landing page" sin más contexto y lo que obtienes es predecible: fondo blanco, botón azul, tipografía del sistema y una estructura que grita "esto lo ha montado alguien que no distingue un serif de un sans-serif".
No es culpa del modelo. Le falta contexto para decidir si una paleta encaja con un comercio electrónico de lujo o cómo organizar la página de un SaaS B2B. El criterio de diseño hay que aportárselo.
UI UX Pro Max Skill resuelve exactamente eso. Es una base de datos de inteligencia de diseño (79 estilos buscables (50 activos), 192 reglas sectoriales, 74 parejas tipográficas, 119 reglas UX) que se inyecta como contexto en el agente. Cuando pides una interfaz, el skill cruza tu petición con sus reglas mediante un motor de búsqueda BM25, genera un sistema de diseño completo y DESPUÉS el agente escribe código. Criterio primero, píxeles después.
La versión 2.0 añade un motor de razonamiento con 192 reglas específicas por industria: desde fintech hasta veterinaria, cada una con patrón de página de destino recomendado, estilo visual, paleta cromática, tipografía y antipatrones que evitar.
El README de la versión 2.0 es la referencia para las cifras de esta reseña. Distingue 79 estilos buscables de 50 activos y enumera 74 parejas tipográficas y 192 paletas. La web oficial anuncia 57 estilos, 56 parejas y 95 paletas. Los números no coinciden. Aquí sigo el README porque identifica la versión del recurso y documenta su funcionamiento; la diferencia con la web seguía ahí al revisar ambas fuentes el 19 de septiembre de 2026.
Cómo se pone en marcha
UI UX Pro Max se instala con dos requisitos previos: Python 3.x y Node.js en tu máquina. El skill no ejecuta nada en la nube ni hace llamadas de red. Todo corre en local.
La vía recomendada es el CLI. Instalas el paquete npm de forma global y ejecutas un comando que copia los archivos del skill en la carpeta de tu asistente. Para Claude Code también existe la opción del catálogo de complementos (dos comandos y listo), pero el CLI cubre los más de 20 asistentes compatibles: Cursor, Windsurf, Kiro, GitHub Copilot, Codex CLI, Gemini CLI, Warp, Augment y el resto.
Copia esto y pégalo en Claude Code, Cursor o tu asistente de código favorito:
Instala el skill de diseño UI UX Pro Max en este proyecto. Ejecuta npm install -g ui-ux-pro-max-cli y después uipro init --ai claude. Cuando termine, genera un sistema de diseño completo para una landing page de SaaS con sección hero, precios y formulario de registro.
No necesitas saber programar. El asistente se encarga de la instalación, la configuración y las pruebas.
Una vez instalado, no necesitas invocarlo. El skill se activa solo cuando pides trabajo de interfaz. Le dices "Build a landing page for my SaaS product" y el motor genera el sistema de diseño (patrón, estilo, colores, tipografía, lista de entrega) antes de que el agente toque una sola línea de HTML. También puedes lanzar el generador directamente desde la terminal con el script de búsqueda en Python, si prefieres más control.
MCP de UI UX Pro Max Skill
UI UX Pro Max no ofrece un servidor MCP. Va por otro lado: se instala como skill directamente en el directorio del asistente (por ejemplo, .claude/skills/ui-ux-pro-max/ para Claude Code), no como un servicio externo al que el agente se conecta por protocolo.
Esto significa que no puedes añadirlo como herramienta MCP en un flujo personalizado ni combinarlo con otros servidores MCP de la misma forma que harías con herramientas como Refero, que sí expone un servidor MCP para inyectar referencias visuales reales. La integración de UI UX Pro Max pasa por el sistema de skills o complementos de cada asistente. Si tu flujo de trabajo depende de MCP para orquestar herramientas, que lo sepas antes de montar nada.
Usándola en marketing real
El caso de uso más claro en marketing: páginas de destino de campaña. Tienes una promo, necesitas una landing rápida y no vas a esperar dos semanas a que diseño te la entregue. Con este skill instalado, el agente sabe que una página de destino de "beauty spa" necesita paleta cálida, tipografía elegante (Cormorant Garamond + Montserrat, según las propias reglas del skill), patrón hero + testimonios + reserva, y que debe evitar colores neón y modo oscuro.
Donde apostaría que se nota el salto real es en la consistencia. Sin el skill, cada página de destino que generas con IA es una ruleta de estilos. Con él, hay un sistema de diseño subyacente que mantiene coherencia entre piezas. Para una agencia que gestiona múltiples clientes, eso es tiempo que no gastas en rehacer lo que la IA ha decidido inventar por su cuenta.
Si ya trabajas con agentes de IA en tus campañas de marketing, este skill se convierte en la capa de criterio visual que le falta al modelo por defecto. Y si buscas más opciones en esa línea, en el recopilatorio de recursos de diseño para agentes de código tienes el contexto completo.
Lo que no te cuentan
Antes de instalarlo, comprueba que tu equipo se maneja con el inglés técnico. Es el idioma de la documentación principal. El repositorio incluye traducciones parciales al chino, coreano, indonesio y vietnamita; no hay una versión en español.
La versión gratuita no genera activos visuales reales. Te orienta sobre el diseño, pero los recursos gráficos los pones tú (o los generas con otra herramienta). La versión premium promete generación de activos con IA e identidad de marca, pero no publica precio ni condiciones claras en su web oficial a fecha de este análisis (septiembre de 2026). Vamos, que evaluar si te compensa es imposible a día de hoy.
El agente puede saltarse una recomendación o interpretar mal un prompt ambiguo. El skill le da contexto para generar la interfaz; después toca comprobar si el código respeta el sistema de diseño elegido.
Y un detalle importante para valorar este recurso: este dossier no incluye opiniones de usuarios ni pruebas independientes documentadas. Las más de 128.000 estrellas dicen que interés no falta, pero una estrella en GitHub no es un análisis con fundamento. Tampoco hemos hecho una prueba propia para este artículo: las conclusiones se basan en la documentación pública del repositorio y la web.
Veredicto
UI UX Pro Max Skill reúne reglas de diseño que el agente puede consultar antes de generar una interfaz. La licencia MIT permite usar el skill sin pagar; los recursos gráficos hay que aportarlos por separado.
Yo lo usaría para arrancar un prototipo, con las reglas de diseño delante. Hasta ahí. Llevar esa primera versión a un cliente sin revisar qué ha hecho el agente me parece una forma bastante rápida de trasladarle el trabajo sucio al cliente.
