UI UX Pro Max

Una habilidad de IA que proporciona a los agentes de codificación inteligencia de diseño, reglas de razonamiento y estilos de interfaz para generar UI/UX profesional en distintas plataformas y frameworks.

Qué hace

UI UX Pro Max es una habilidad de IA que añade inteligencia de diseño a agentes de codificación como Claude Code, Cursor, Copilot y Windsurf. Su Design System Generator de la v2 ejecuta un motor de razonamiento multidominio para producir en segundos patrones, paletas, tipografía y antipatrones personalizados.

El Design System Generator cubre 161 reglas de razonamiento específicas del sector en SaaS, fintech, sanidad y comercio
La biblioteca incluye 67 estilos de interfaz, 161 paletas de colores, 57 combinaciones tipográficas, 25 tipos de gráfico
Admite 15 stacks tecnológicos: React, Next.js, Vue, Nuxt, Svelte, Astro, Angular, Laravel, SwiftUI, Flutter y más.
Se instala mediante uipro-cli (npm) o Claude Marketplace; funciona con Claude Code, Cursor, Windsurf, Copilot, Kiro, Cod
Permite persistir los sistemas de diseño en un archivo MASTER.md más una carpeta de sobrescrituras por página para una r
Requiere Python 3.x para los scripts locales de búsqueda y generación de sistemas de diseño.

UI UX Pro Max es una habilidad de IA que proporciona a los agentes de codificación inteligencia de diseño para construir UI/UX profesional en distintas plataformas y frameworks. Su característica insignia de la v2 es el Design System Generator: un motor de razonamiento que analiza los requisitos de tu proyecto y produce en segundos un sistema de diseño completo y personalizado, con patrón, estilo, paleta de colores, combinación tipográfica, efectos clave, antipatrones a evitar y una lista de verificación previa a la entrega.

Internamente ejecuta una búsqueda multidominio sobre una amplia biblioteca de reglas de razonamiento específicas del sector, estilos de interfaz, paletas de colores, patrones de landing page y combinaciones tipográficas; luego los clasifica y filtra (incluyendo antipatrones para el sector objetivo) para ensamblar la recomendación. Abarca categorías que van desde SaaS y herramientas para desarrolladores, fintech, sanidad, comercio electrónico, creatividad, estilo de vida y tecnología emergente, y se instala como una habilidad para agentes como Claude Code, Cursor, Copilot y Windsurf, con un uipro-cli complementario.

Características

Genera un sistema de diseño completo y personalizado a partir de una descripción del proyecto.
Recomienda patrón, estilo, paleta, tipografía y efectos clave.
Señala antipatrones del sector e incluye una lista de verificación previa a la entrega.
Biblioteca de reglas de razonamiento específicas del sector y estilos de interfaz.
Se instala como habilidad para Claude Code, Cursor, Copilot y Windsurf.
Herramienta de línea de comandos complementaria uipro-cli.

Notas de campo

Lectura para creadores

Revisado el Jun 21, 2026

Ideal para

Arrancar un sistema de diseño a partir de la descripción de un proyecto.
Proporcionar a un agente de codificación orientación de UI/UX con criterio propio.
Evitar el estilo genérico predeterminado de la IA.

Resultados para creadores

Un patrón, paleta, tipografía y efectos personalizados por descripción de proyecto.
Antipatrones del sector señalados desde el principio.
Una lista de verificación de calidad previa a la entrega.

Ten cuidado

Ya cuentas con un sistema de diseño maduro y consolidado.
Necesitas diseño visual a nivel de píxel en lugar de reglas.
Son directrices y reglas de razonamiento, no una biblioteca de componentes.
El resultado aún requiere revisión humana de diseño.

Probado con

Claude Code
Cursor
Copilot
Windsurf
Tailwind CSS
React

Costo

Gratuito y de código abierto (MIT); se aceptan donaciones.

Flujo de trabajoprincipiante5-10 minutos

01Instala el CLI de forma global: npm install -g uipro-cli
02Navega al directorio de tu proyecto: cd /path/to/your/project
03Ejecuta uipro init con tu agente objetivo, por ejemplo: uipro init --ai claude (o cursor, windsurf, copilot, etc.)
04Confirma que Python 3.x está disponible para los scripts de búsqueda: python3 --version
05En tu agente, solicita trabajo de UI/UX de forma natural (Skill Mode) o mediante /ui-ux-pro-max (Workflow Mode).
06Opcionalmente, persiste el sistema de diseño generado: python3 .claude/skills/ui-ux-pro-max/scripts/search.py 'your product' --design-system --persist

Herramientas usadas

a color system that disappears cult/ui Frontend Guidelines ui.sh ui.sh Componentize ui.sh Design

#open-source #cli #design-system #claude-code #tailwind #ui #ux

Visitar uupm.cc

VerificadoRevisión de seguridad

21 jun 2026Selección curadaGratis

Preguntas frecuentes

¿Qué produce UI UX Pro Max?

Un sistema de diseño completo para tu descripción: un patrón de maquetación, un estilo visual, una paleta de colores, una combinación tipográfica, efectos recomendados, una lista de antipatrones a evitar y una lista de verificación de calidad previa a la entrega.

¿Cómo elige un diseño?

Ejecuta varias búsquedas paralelas sobre su biblioteca de reglas (con coincidencia por tipo de producto, estilo, paleta, patrón de landing page y tipografía), luego aplica reglas de razonamiento clasificadas y filtros de antipatrones del sector para ensamblar la recomendación.

¿Para qué herramientas está pensado?

Se instala como habilidad de IA para agentes de codificación como Claude Code, Cursor, Copilot y Windsurf, y también incluye el comando uipro-cli.

UI UX Pro Max

Qué hace

El Design System Generator cubre 161 reglas de razonamiento específicas del sector en SaaS, fintech, sanidad y comercio
La biblioteca incluye 67 estilos de interfaz, 161 paletas de colores, 57 combinaciones tipográficas, 25 tipos de gráfico
Admite 15 stacks tecnológicos: React, Next.js, Vue, Nuxt, Svelte, Astro, Angular, Laravel, SwiftUI, Flutter y más.
Se instala mediante uipro-cli (npm) o Claude Marketplace; funciona con Claude Code, Cursor, Windsurf, Copilot, Kiro, Cod
Permite persistir los sistemas de diseño en un archivo MASTER.md más una carpeta de sobrescrituras por página para una r
Requiere Python 3.x para los scripts locales de búsqueda y generación de sistemas de diseño.

Características

Genera un sistema de diseño completo y personalizado a partir de una descripción del proyecto.
Recomienda patrón, estilo, paleta, tipografía y efectos clave.
Señala antipatrones del sector e incluye una lista de verificación previa a la entrega.
Biblioteca de reglas de razonamiento específicas del sector y estilos de interfaz.
Se instala como habilidad para Claude Code, Cursor, Copilot y Windsurf.
Herramienta de línea de comandos complementaria uipro-cli.

Notas de campo

Lectura para creadores

Revisado el Jun 21, 2026

Ideal para

Arrancar un sistema de diseño a partir de la descripción de un proyecto.
Proporcionar a un agente de codificación orientación de UI/UX con criterio propio.
Evitar el estilo genérico predeterminado de la IA.

Resultados para creadores

Un patrón, paleta, tipografía y efectos personalizados por descripción de proyecto.
Antipatrones del sector señalados desde el principio.
Una lista de verificación de calidad previa a la entrega.

Ten cuidado

Ya cuentas con un sistema de diseño maduro y consolidado.
Necesitas diseño visual a nivel de píxel en lugar de reglas.
Son directrices y reglas de razonamiento, no una biblioteca de componentes.
El resultado aún requiere revisión humana de diseño.

Probado con

Claude Code
Cursor
Copilot
Windsurf
Tailwind CSS
React

Costo

Gratuito y de código abierto (MIT); se aceptan donaciones.

Flujo de trabajoprincipiante5-10 minutos

01Instala el CLI de forma global: npm install -g uipro-cli
02Navega al directorio de tu proyecto: cd /path/to/your/project
03Ejecuta uipro init con tu agente objetivo, por ejemplo: uipro init --ai claude (o cursor, windsurf, copilot, etc.)
04Confirma que Python 3.x está disponible para los scripts de búsqueda: python3 --version
05En tu agente, solicita trabajo de UI/UX de forma natural (Skill Mode) o mediante /ui-ux-pro-max (Workflow Mode).
06Opcionalmente, persiste el sistema de diseño generado: python3 .claude/skills/ui-ux-pro-max/scripts/search.py 'your product' --design-system --persist

Herramientas usadas

a color system that disappears cult/ui Frontend Guidelines ui.sh ui.sh Componentize ui.sh Design

#open-source #cli #design-system #claude-code #tailwind #ui #ux

Visitar uupm.cc

VerificadoRevisión de seguridad

21 jun 2026Selección curadaGratis

Preguntas frecuentes

¿Qué produce UI UX Pro Max?

¿Cómo elige un diseño?

¿Para qué herramientas está pensado?

Se instala como habilidad de IA para agentes de codificación como Claude Code, Cursor, Copilot y Windsurf, y también incluye el comando uipro-cli.

Recomienda

Vaibhav Sisinty@vaibhavsisinty

“UI/UX Pro Max Skill Solves a real gap: Claude Code writes good logic but mediocre interfaces. This skill gives it design intelligence, better layouts, better spacing, better UI decisions. If you build anything user-facing with Claude, insta…”

Usa

Mohammed Alghafli👨🏻‍💻@xr3g99

“ثريد بسيط لطريقة تنزيل Skills في Claude العادي وطريقة استخدام أي مهارة في Claude Code الشرح بيكون على GitHub ف الخطوة الاولى تروحوا على ملف Claude/skill وموضح ف الصورة الاولى بعدها تطلع لكم ٧ ملفات ومنها الملف الاساسي UI-UX-PRO-MAX داخل كل…”

Usa

Mohammed Alghafli👨🏻‍💻@xr3g99

“وش أحلى من أن يكون ملخص Portfolio حقك عن طريق داشبورد؟😎🔥 غيرت تصميم الموقع بالكامل من مهارة UI-UX-PRO-MAX في Claude وحالياً هي من المهارات المشهورة والنتيجة زي مانتوا شايفين نفذ لي طلبي للداشبورد والالوان فقط وباقي التصميم والعناصر باستخد…”

Recomienda

0xAIGOAT.exe@0xaigoatexe

“THE CLAUDE CODE DESIGN STACK MOST PEOPLE STILL HAVEN'T HEARD OF pause at 0:32 - full toolchain on-screen: Install Claude, UI UX Pro Max, 21st .dev, Framer Motion. The article below is the Base44 path. No terminal, 15 minutes, coffee shop si…”

Usa

sitin@sitinme

“最近用了一个叫 UI UX Pro Max 的 Claude Code Skill，装完之后体验和之前完全不一样了。说一句"帮我做个 SaaS 落地页"，它不会直接写代码，而是先根据产品类型自动推理该用什么风格、配什么色、选什么字体、页面怎么排，然后再动手。数据量挺猛的：161 条行业推理规则、67 种 UI 风格、161”

Alternativas

01
01ui.sh Design
Claude/Codex/Cursor skill from the Tailwind CSS team that upgrades AI-generated UI from generic to designer-quality, in any existing project.
Habilidades #skill #ui #design
Best for Teams using Claude Code or Codex to ship UI who want output that looks senior-designer reviewed, not AI-interpolated
02
02ui.sh
Agent skills for UI builders, by the creators of Tailwind CSS and Refactoring UI, wires into Claude Code, Cursor, and Codex to ship interfaces that look designed, not generated.
Habilidades #ui #tailwind #mcp
Best for Teams using coding agents for frontend work who want output that reflects senior design judgment, not generic AI defaults
03
03ui.sh Brand Kit
ui.sh Brand Kit skill: generate a visual brand direction board with site mockups, typography, and color from a single prompt, for Codex-powered coding agents.
Habilidades #branding #ui #design
Best for Teams starting a new product who want a coding agent to build UI with a coherent visual identity from day one
04
04Hallmark
Una habilidad de diseño para Claude Code, Cursor y Codex que se niega a parecer generada por IA: elige una macroestructura para el encargo, aplica uno de veinte temas y ejecuta decenas de filtros anti-repetición antes de emitir el resultado.
Habilidades #design #ui #anti-slop
Best for Diseñar UI que no parezca generada por IA
05
05ui.sh Ideas
ui.sh Ideas skill for AI coding agents: generate and compare multiple UI design directions in the browser before committing to one.
Habilidades #ui #design #agent
Best for Teams that want to explore multiple UI directions before committing any design to the codebase
06
06ui.sh Add Dark Mode
Agent skill for adding thoughtfully designed dark mode to existing UIs, balances contrast across text, surfaces, borders, and images for Claude Code, Cursor, Codex, and more.
Habilidades #dark-mode #ui #tailwind
Best for Teams with a finished light-mode UI who want dark mode that looks designed rather than auto-inverted

Herramientas relacionadas

Más en Habilidades →

Alternativas

01
01ui.sh Design
Claude/Codex/Cursor skill from the Tailwind CSS team that upgrades AI-generated UI from generic to designer-quality, in any existing project.
Habilidades #skill #ui #design
Best for Teams using Claude Code or Codex to ship UI who want output that looks senior-designer reviewed, not AI-interpolated
02
02ui.sh
Agent skills for UI builders, by the creators of Tailwind CSS and Refactoring UI, wires into Claude Code, Cursor, and Codex to ship interfaces that look designed, not generated.
Habilidades #ui #tailwind #mcp
Best for Teams using coding agents for frontend work who want output that reflects senior design judgment, not generic AI defaults
03
03ui.sh Brand Kit
ui.sh Brand Kit skill: generate a visual brand direction board with site mockups, typography, and color from a single prompt, for Codex-powered coding agents.
Habilidades #branding #ui #design
Best for Teams starting a new product who want a coding agent to build UI with a coherent visual identity from day one
04
04Hallmark
Una habilidad de diseño para Claude Code, Cursor y Codex que se niega a parecer generada por IA: elige una macroestructura para el encargo, aplica uno de veinte temas y ejecuta decenas de filtros anti-repetición antes de emitir el resultado.
Habilidades #design #ui #anti-slop
Best for Diseñar UI que no parezca generada por IA
05
05ui.sh Ideas
ui.sh Ideas skill for AI coding agents: generate and compare multiple UI design directions in the browser before committing to one.
Habilidades #ui #design #agent
Best for Teams that want to explore multiple UI directions before committing any design to the codebase
06
06ui.sh Add Dark Mode
Agent skill for adding thoughtfully designed dark mode to existing UIs, balances contrast across text, surfaces, borders, and images for Claude Code, Cursor, Codex, and more.
Habilidades #dark-mode #ui #tailwind
Best for Teams with a finished light-mode UI who want dark mode that looks designed rather than auto-inverted

Herramientas relacionadas

Más en Habilidades →

UI UX Pro Max

Lectura para creadores

Preguntas frecuentes

¿Qué produce UI UX Pro Max?

¿Cómo elige un diseño?

¿Para qué herramientas está pensado?

UI UX Pro Max

Lectura para creadores

Preguntas frecuentes

¿Qué produce UI UX Pro Max?

¿Cómo elige un diseño?

¿Para qué herramientas está pensado?

Alternativas

Herramientas relacionadas

shadcn/ui

ui.sh Canonicalize Tailwind

cult/ui

Anthropic Skills

Square UI

ui.sh Componentize

Alternativas

Herramientas relacionadas

shadcn/ui

ui.sh Canonicalize Tailwind

cult/ui

Anthropic Skills

Square UI

ui.sh Componentize

UI UX Pro Max

Lectura para creadores

Preguntas frecuentes

¿Qué produce UI UX Pro Max?

¿Cómo elige un diseño?

¿Para qué herramientas está pensado?

UI UX Pro Max

Lectura para creadores

Preguntas frecuentes

¿Qué produce UI UX Pro Max?

¿Cómo elige un diseño?

¿Para qué herramientas está pensado?

Lo que dice la gente en X

Alternativas

Herramientas relacionadas

Lo que dice la gente en X

Alternativas

Herramientas relacionadas