UI UX Pro Max

Qué instala en realidad

El repositorio es un conjunto de datos con un buscador delante, no un prompt ingenioso. La instalación es una CLI: instalas `ui-ux-pro-max-cli` de forma global y luego ejecutas `uipro init --ai <asistente>` dentro de tu proyecto, lo que escribe los archivos de habilidad para la herramienta que uses. El README enumera una lista larga de destinos — Claude Code, Cursor, Codex, Copilot, Gemini CLI, Windsurf y otros, más una ruta universal `.agents/skills/` para cualquier cosa que siga esa convención — y una instalación como plugin de Claude Code como alternativa. El script de búsqueda necesita Python 3 y, según el README, usa solo la biblioteca estándar, no instala nada y no hace llamadas de red.

• 192 reglas de razonamiento por sector una por tipo de producto — fintech, clínica dental, herramienta para desarrolladores, aplicación de hábitos — cada una con un patrón de página recomendado, una prioridad de estilo, un tono de color y tipografía, y los antipatrones que evitar en ese sector.
• 79 estilos de interfaz consultables, 50 de ellos activos los otros 29 son suplementarios y solo se devuelven ante una petición explícita o exacta, y otros 9 nombres obsoletos quedan del todo fuera del ranking y redirigen a un estilo canónico. Publicar el desglose en vez de una sola cifra de titular es un catálogo más honesto del que ofrecen la mayoría de estos paquetes.
• 192 paletas de color y 74 emparejamientos tipográficos mapeados uno a uno contra esos mismos tipos de producto, con los imports de Google Fonts incluidos.
• 34 patrones de página de aterrizaje guardados a propósito en un conjunto de datos aparte, para que la estructura de la página no compita con el estilo visual dentro del mismo ranking.
• 119 pautas de UX inclinadas hacia los fallos que solo aparecen en producción: texto que se corta al ampliar el navegador, filas de chips que no pueden envolverse, insignias que transmiten significado solo con color, animaciones interrumpidas que se quedan en el estado equivocado.

Por qué un paquete de reglas cambia lo que construye un asistente

Pídele a un asistente de código una página de aterrizaje y obtendrás el promedio de todo lo que ha visto: un héroe centrado, tres tarjetas iguales, un degradado, un emoji haciendo de icono. Eso no es un límite del modelo, es la ausencia de un briefing. Un paquete de habilidades acota la petición antes de generar — «una página para un spa» se convierte en un patrón con nombre, una paleta, un emparejamiento tipográfico y una lista de cosas que no hacer — de modo que el asistente elige dentro de unas restricciones en lugar de tirar hacia la mediana.

La lista de comprobación previa a la entrega es la parte que merece la pena robar aunque no lo instales nunca. Mínimos de contraste, estados de foco visibles, nada de emojis como iconos, movimiento reducido respetado y una mirada a 375, 768, 1024 y 1440 píxeles son justo los puntos que se salta una página construida por IA, y una persona puede comprobarlos todos en dos minutos. Nuestra propia postura sobre dónde queda eso está en ¿debería usar IA para construir mi web?.

Lo que aprendimos aplicando nuestras propias reglas de diseño en producción

AgentCeres — el Growth Officer con IA, en agentceres.com — mantiene una habilidad de diseño propia para el agente que construye y publica páginas de aterrizaje de clientes, y la reescribimos en agosto de 2026 exactamente por la razón por la que existe este proyecto: la capa de oficio eran cinco viñetas, así que el resultado era competente y del todo genérico. Medimos la reescritura de la única forma honesta, ejecutando el mismo modelo contra el mismo briefing con la misma imagen, habilidad antigua contra nueva, y contando los delatores:

1. Guiones largos visibles en el texto diez en el resultado antiguo, ninguno en el nuevo.
2. Etiquetas de sección tipo antetítulo cinco a lo largo de seis secciones, luego una.
3. Filas de tres tarjetas iguales dos, luego ninguna.
4. Etiquetas distintas para una misma intención de llamada a la acción tres, luego una.
5. Imágenes que sobreviven a la publicación ninguna, luego todas — la habilidad antigua producía una URL de imagen alojada que se renderizaba en local y se rompía en la página publicada.

Esa última línea es la lección que se generaliza más allá de nuestra pila. Las páginas publicadas se sirven bajo una política de seguridad de contenido estricta, así que tanto una URL de imagen alojada como una hoja de estilos de fuentes web funcionaban en el archivo descargado y fallaban en silencio una vez en producción — y nadie se dio cuenta durante semanas, porque la única página que alguien había publicado no contenía imágenes. Un paquete de reglas de diseño puede ser enteramente correcto y aun así producir una página que se rompe, porque las reglas no conocen el sobre en el que se va a renderizar la página. Adoptes lo que adoptes, verifica el resultado donde va a vivir de verdad, no donde se hizo.

Hacer crecer lo que construyes con él

Una página de la que no te avergüenzas sube el techo de todos los canales que apuntan a ella, y por sí sola no mueve nada. El trabajo posterior a publicar la página es del tipo ordinario y repetitivo: páginas de respuestas y de comparación para las preguntas que tus compradores escriben de verdad, una cadencia social que mantienes, respuestas allí donde se habla de tu categoría, y suficiente medición para saber cuál de esas cosas hizo algo.

Ese es el trabajo que hace AgentCeres: un elenco de agentes especialistas dirigidos por un Growth Officer con IA, que redactan el trabajo y ponen cualquier cosa que salga hacia fuera delante de una persona antes de que se envíe. Si un paquete de habilidades como este ya ha resuelto la mitad de diseño, la siguiente restricción suele ser la distribución. Empieza por cómo convertir visitantes en registros, y mantén la página coherente a medida que crece con la entrada de sistema de diseño.