Skills para agentesDiseño

UI UX Pro Max: un sistema de diseño para tu producto con una frase

Sin criterio propio, un agente elige colores y fuentes al azar. UI UX Pro Max le da una base de consulta: a partir de la descripción del producto, un script en Python busca el patrón de página, el estilo, la paleta y la pareja tipográfica adecuados, descarta lo que no encaja en ese sector y entrega un sistema de diseño completo con una lista de control final.

139.660estrellas en GitHub · #10

Abrir en GitHub

Instalación

  • skills CLI
    npx skills add nextlevelbuilder/ui-ux-pro-max-skill

Descargar ZIP

Autor
NextLevelBuilder
Licencia
MIT
Paquete
7 skills en el paquete
Actualizada
23 de octubre de 2026
Agentes
Claude Code

Qué hace

  • Generador de sistemas de diseño: pides una landing para un spa y recibes secciones, estilo, colores, tipografía y efectos
  • 192 reglas por sector, desde SaaS y banca hasta clínicas y restaurantes, cada una con lo que conviene evitar en ese nicho
  • Una base consultable con 79 estilos de interfaz, 192 paletas, 74 parejas tipográficas, 25 tipos de gráfico y 119 pautas de UX
  • Consejos para 22 stacks, entre ellos React, Next.js, Vue, SwiftUI, Flutter, Tailwind y shadcn/ui
  • El paquete trae unas seis skills: marca, tokens de design-system, ui-styling, diapositivas HTML, banners y logos con Gemini

Cuándo usarla

  • Empiezas una landing y no sabes qué paleta ni qué tipografía encajan con tu nicho
  • Necesitas tokens y especificaciones de componentes para que todo el producto mantenga un estilo
  • Antes de publicar quieres revisar contraste, foco visible, puntos de corte y movimiento reducido

Pídale al agente

  • Genera un sistema de diseño para la web de una clínica dental: colores, fuentes y orden de secciones
  • Propón estilo y paleta para un panel de finanzas personales en Next.js con Tailwind
  • Pasa esta página por la lista de control de UI UX Pro Max antes de publicarla

Preguntas

¿Cómo se instala UI UX Pro Max?

Con npx skills add nextlevelbuilder/ui-ux-pro-max-skill, que instala el paquete entero. Los scripts piden Python 3 y la generación de imágenes, además, google-genai y pillow.

¿UI UX Pro Max necesita una API de pago?

La selección de estilos, paletas y fuentes usa una búsqueda BM25 integrada. La clave de Gemini o MuAPI solo se pide para generar logos, maquetas CIP e iconos.

¿Con qué frameworks funciona UI UX Pro Max?

El README enumera 22 stacks, entre ellos React, Next.js, Astro, Vue, Svelte, SwiftUI, React Native, Flutter, Jetpack Compose y Angular.

DiseñoTodas las skills