Kit de instrucciones y conocimientos que convierte Claude y otros agentes de programación en expertos en diseño UX/UI, con tokens DTCG, especificaciones de componentes, 138 sistemas de diseño y 52 comprobaciones objetivas.
nextlevelbuilder/ui-ux-pro-max-skill
Una skill para agentes de IA que ofrece a los asistentes de programación reglas de diseño UI/UX, estilos, paletas, combinaciones tipográficas y recomendaciones específicas para cada stack.
- Estrellas
- 138,031
- Forks
- 14,642
- Issues abiertos
- 91
- Último commit
- hace 6 días
¿Qué es?
UI UX Pro Max es una skill para asistentes de programación con IA que aporta criterios de diseño al crear interfaces de usuario. Incluye un catálogo consultable de estilos UI, paletas de colores para 192 tipos de productos, combinaciones tipográficas seleccionadas, recomendaciones de gráficos y pautas de UX. Un script de búsqueda en Python consulta el catálogo con clasificación BM25 para generar un sistema de diseño completo para un producto determinado.
La skill se instala en herramientas como Claude Code, Cursor, Windsurf, GitHub Copilot, Codex CLI y Gemini CLI mediante el paquete npm ui-ux-pro-max-cli, que coloca los archivos de la skill en el directorio que espera cada asistente. Las recomendaciones específicas para cada stack abarcan frameworks web como React, Next.js, Vue, Angular y Svelte; opciones móviles como SwiftUI, Jetpack Compose y Flutter; y varios frameworks de escritorio.
Los scripts de búsqueda solo usan la biblioteca estándar de Python y no realizan llamadas de red. También se puede guardar un sistema de diseño en un archivo MASTER.md con modificaciones opcionales para cada página, de modo que las sesiones posteriores puedan reutilizar las mismas reglas.
Funciones clave
- 01Catálogo consultable de 79 estilos UI, con 50 activos de forma predeterminada.
- 02Paletas de colores para 192 tipos de productos y 74 combinaciones tipográficas seleccionadas.
- 03Pautas específicas para 22 frameworks, incluidos React, Vue, SwiftUI y Flutter.
- 04Generación de sistemas de diseño a partir de la descripción de un producto mediante un script CLI de Python.
- 05Archivos de sistema de diseño persistentes con modificaciones para cada página.
- 06Instalación en numerosos asistentes de programación con IA mediante el paquete npm ui-ux-pro-max-cli.
Casos de uso
- Proporcionar reglas de diseño a un asistente de programación con IA antes de que cree una landing page o un dashboard.
- Generar un sistema coherente de colores y tipografía para un nuevo producto de SaaS, fintech o salud.
- Comprobar que el código UI cumple las pautas de accesibilidad y diseño adaptable de un framework concreto.
- Mantener un único sistema de diseño entre sesiones con un archivo MASTER.md y modificaciones para cada página.
Inicio rápido
- 1
Busca el paquete npm CLI ui-ux-pro-max-cli y sigue la sección de instalación del README
- 2
Asegúrate de tener Python 3.x instalado, ya que el proyecto está escrito en Python
Antes de usarlo
- Necesitas tener Python 3.x instalado en tu equipo.
- El fragmento del README disponible aquí no muestra todos los comandos de instalación, así que consulta la sección de configuración antes de usarlo.
Temas
Preguntas frecuentes
- ¿Qué es ui-ux-pro-max-skill?
- Una skill para agentes de IA que ofrece a los asistentes de programación reglas de diseño UI/UX, estilos, paletas, combinaciones tipográficas y recomendaciones específicas para cada stack. UI UX Pro Max es una skill para asistentes de programación con IA que aporta criterios de diseño al crear interfaces de usuario. Incluye un catálogo consultable de estilos UI, paletas de colores para 192 tipos de productos, combinaciones tipográficas seleccionadas, recomendaciones de gráficos y pautas de UX. Un script de búsqueda en Python consulta el catálogo con clasificación BM25 para generar un sistema de diseño completo para un producto determinado.
- ¿ui-ux-pro-max-skill es gratuito? ¿Qué licencia tiene?
- ui-ux-pro-max-skill es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿ui-ux-pro-max-skill sigue mantenido?
- Mantenimiento activo. El último commit de ui-ux-pro-max-skill fue el 15 oct 2026.
- ¿Para qué puedo usar ui-ux-pro-max-skill?
- Proporcionar reglas de diseño a un asistente de programación con IA antes de que cree una landing page o un dashboard. Generar un sistema coherente de colores y tipografía para un nuevo producto de SaaS, fintech o salud. Comprobar que el código UI cumple las pautas de accesibilidad y diseño adaptable de un framework concreto. Mantener un único sistema de diseño entre sesiones con un archivo MASTER.md y modificaciones para cada página.
- ¿Cómo se instala ui-ux-pro-max-skill?
- Busca el paquete npm CLI ui-ux-pro-max-cli y sigue la sección de instalación del README Asegúrate de tener Python 3.x instalado, ya que el proyecto está escrito en Python
- ¿Dónde consigo ui-ux-pro-max-skill?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Colección de skills para Go que ofrecen a los asistentes de programación con IA orientación práctica sobre modismos del lenguaje, testing, seguridad y bibliotecas populares.
Una skill de Claude Code que genera animaciones web con Motion.dev para React, Next.js, Svelte y Astro, con pautas integradas de accesibilidad y rendimiento.
Colección de componentes de React para copiar y pegar, basados en Radix UI y Tailwind CSS, que puedes controlar y personalizar en tu propio código.
Directorio seleccionado de más de 1000 Claude Skills y plugins para Claude Code, Claude.ai y agentes de programación como Codex, Cursor y Gemini CLI.
Biblioteca de componentes React accesibles y sistema de diseño para crear aplicaciones web rápidamente, con modo oscuro y compatibilidad con Next.js RSC.