ORLOV JUEGOS

Skills ·

UI UX Pro Max — reglas de diseño para tu agente de IA

Pide una landing page a un agente de IA y muchas veces elegirá el mismo aspecto. UI UX Pro Max le da una biblioteca de diseño con búsqueda y reglas de diseño para cada tipo de producto, así que primero decide cómo debe verse el producto y solo después escribe el código.

Ver UI UX Pro Max en GitHub

UI UX Pro Max es una skill que añade conocimiento de diseño a los agentes de programación con IA. Su README enumera más de 20 agentes compatibles, entre ellos Claude Code, Cursor, Windsurf, Codex CLI, Gemini CLI y GitHub Copilot.

La versión básica del repositorio es gratuita y de código abierto con licencia MIT. El 26 de octubre de 2026 tenía unas 140.000 estrellas en GitHub. También existe una versión premium de pago con diseño de marca, logotipos y diapositivas.

Una tarjeta de sistema de diseño con una paleta de colores, dos muestras de fuente y una pila de secciones de página.
Estilo, colores, fuentes y estructura, decididos antes del código.

Cómo funciona

Cuando pides trabajo de interfaz, la skill se activa sola. Hace cinco búsquedas a la vez en sus datos: el tipo de producto, el estilo visual, la paleta de colores, el patrón de landing page y la combinación de fuentes. Después, un paso de razonamiento aplica las reglas de tu tipo de producto y arma un sistema de diseño completo.

Ese sistema de diseño define una estructura de página, un estilo, colores exactos, fuentes, efectos, cosas que evitar y una lista de comprobación antes de la entrega. Para un banco, por ejemplo, advierte contra los degradados morados y rosas típicos de la IA. Solo entonces el agente escribe el código.

Qué incluye

Qué saber antes

El script de búsqueda necesita Python 3. Solo usa la biblioteca estándar y no hace llamadas de red. La skill da pautas de diseño y no reescribe por sí sola una app existente, pero puedes pedirle al agente que aplique un estilo nuevo a tu app componente por componente.

Cómo instalarla

En Claude Code:

/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

Para otros agentes, usa la herramienta de línea de comandos:

npm install -g ui-ux-pro-max-cli
uipro init --ai cursor

Cambia cursor por tu agente, por ejemplo claude, codex o gemini. Después pide con palabras sencillas: «Crea una landing page para mi producto SaaS».

Ver UI UX Pro Max en GitHub