Skill de IA · Diseño

Tu IA diseña con criterio de diseñador

Se llama UI UX Pro Max. Cuando le pides una página o una app, tu IA deja de improvisar el diseño: elige el estilo, los colores y las tipografías que calzan con tu tipo de negocio, y revisa los errores típicos antes de entregártela.

Qué hace

Es una skill, o sea un conjunto de instrucciones que se le agrega a tu IA para que aprenda a hacer algo nuevo. Esta le enseña a diseñar. Cuando le pides, por ejemplo, la página de un spa, antes de escribir una línea decide qué secciones debería tener, qué estilo visual le queda, qué colores y qué tipografías usar, y qué cosas evitar para ese rubro.

Para eso trae una biblioteca de diseño armada: reglas para 192 tipos de negocio, 192 paletas de colores, 74 combinaciones de tipografías y decenas de estilos visuales. No es lo mismo diseñar para una clínica dental que para una tienda de ropa, y la skill lo sabe.

Tiene más de 128 mil estrellas en GitHub y es gratis.

Para qué sirve

Tres cosas concretas que cambian con esto instalado.

Páginas que no parecen hechas con IA

En vez del diseño genérico de siempre, elige un estilo que calza con tu negocio y evita lo que no le queda, como degradados morados en la web de un banco.

Colores y letras que combinan

Usa paletas y pares de tipografías ya probados, que es justo donde más se nota cuando alguien improvisa.

Revisión antes de entregar

Antes de darte la página por terminada revisa que el texto se lea bien, que se vea bien en el celular y que los botones sean fáciles de tocar.

Cómo se instala

No tienes que hacer nada a mano. Abre Claude Code, Codex, Cursor o el programa de IA que uses para crear, copia este mensaje, pégalo y la IA hace todo sola. Si todavía no tienes Claude Code, en esta guía te explico cómo instalarlo.

Mensaje para tu IA
Instala esta skill en mi computador: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

Instálala para todos mis proyectos, no solo para esta carpeta. Hazlo tú de principio a fin, yo no sé de programación. Si me falta algo para que funcione, instálalo tú o dime exactamente qué hacer. Cuando termines, avísame si tengo que cerrar y volver a abrir el programa.

Si te pide permiso para hacer algo en tu computador, dile que sí. Esta skill necesita Python, un programa gratis; si no lo tienes, la IA te va a explicar cómo instalarlo.

Cómo se usa

No hay comandos que recordar. Se activa sola cuando le pides algo de diseño, con palabras normales. Por ejemplo:

Hazme una página web para mi peluquería canina en Santiago,
con los servicios, los precios y un botón de WhatsApp para agendar.

Mientras más le cuentes de tu negocio, mejor elige. Y si ya tienes una página hecha, también puedes pedirle que la revise y te diga qué mejorar del diseño.

¿En qué IA se puede usar?

Funciona completo

Claude Code, Codex, Cursor, Windsurf, Gemini CLI, GitHub Copilot, OpenCode, Antigravity y más de diez programas más. Con el mensaje de arriba queda andando en el que uses.

ChatGPT, no

No está entre los programas compatibles y no hay forma de instalarla en el chat de ChatGPT. Si usas OpenAI, el camino es Codex, su programa para crear con IA.

Hay una versión de pago

Esta es la versión gratis y de código abierto, y con ella basta para diseñar páginas y apps. La de pago suma logos, identidad de marca y presentaciones. No la necesitas para partir.

De quién es

Esta skill no la hice yo: es de NextLevelBuilder, con licencia MIT y más de 128 mil estrellas en GitHub. Su buscador corre en tu computador y no se conecta a internet. Ver el repositorio ↗