skill-gallery

ui-ux-pro-max

Un skill comunitario de base de conocimiento de UI/UX: datos CSV locales (estilos, paletas, combinaciones tipográficas, reglas de UX, tipos de gráficos, stacks) y un script de búsqueda en Python que genera un sistema de diseño antes de que el agente escriba la página.

Ruta
.claude/skills/ui-ux-pro-max · SKILL.md
Commit upstream
d14efff8ed (referencia)
Instalado con
ui-ux-pro-max-cli@2.15.0 (la CLI propia del skill)
Licencia
MIT

Cada prompt muestra una matriz 2×2 fija: Codex nativo, Codex + skill, Claude Code nativo, Claude Code + skill. Haz clic en una captura para ver la página completa. Instalar y usar ↓

Puntos fuertes

Lo que la propia documentación del skill dice que hace bien, con un enlace a donde lo dice. Son afirmaciones, no resultados: compáralas con las páginas de abajo.

Alcance de la prueba: Landing page de SaaS, Panel de datos, Blog y portafolio personal. Los prompts que no están en esta lista aparecen como “Fuera de alcance”, no como pendientes.

Comprobado con el texto del skill después de las ejecuciones v0 (no decidido de antemano). Las citas son del repositorio en el commit de referencia; la galería ejecuta la salida de la CLI 2.15.0, cuya descripción es la misma.

Codex nativo

OK
Codex · nativo — Landing page de SaaS, captura (Escritorio, parte superior de la página)Codex · nativo — Landing page de SaaS, captura (Móvil, parte superior de la página)
Modelo
gpt-6.1-sol · high
Tiempo
7m 51s
Tokens
in 424k · out 24.5k
Skill usado
n/a
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-25

a11y · grave: 1▶ vídeo

👍 0 · Votar

Codex + ui-ux-pro-max

OK
Codex + ui-ux-pro-max — Landing page de SaaS, captura (Escritorio, parte superior de la página)Codex + ui-ux-pro-max — Landing page de SaaS, captura (Móvil, parte superior de la página)
Modelo
gpt-6.1-sol · high
Tiempo
7m 14s
Tokens
in 462k · out 22.0k
Skill usado
Sí
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-25

a11y · grave: 1▶ vídeo

👍 0 · Votar

Claude Code nativo

OK
Claude Code · nativo — Landing page de SaaS, captura (Escritorio, parte superior de la página)Claude Code · nativo — Landing page de SaaS, captura (Móvil, parte superior de la página)
Modelo
claude-opus-5-5 · high
Tiempo
7m 11s
Tokens
in 30 · cache 873k · out 37.6k
Skill usado
n/a
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-26

a11y · grave: 1▶ vídeo

👍 0 · Votar

Claude Code + ui-ux-pro-max

OK
Claude Code + ui-ux-pro-max — Landing page de SaaS, captura (Escritorio, parte superior de la página)Claude Code + ui-ux-pro-max — Landing page de SaaS, captura (Móvil, parte superior de la página)
Modelo
claude-opus-5-5 · high
Tiempo
13m 48s
Tokens
in 76 · cache 3.78M · out 59.1k
Skill usado
Sí
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-26

a11y: sin problemas detectados▶ vídeo

👍 0 · Votar

Codex nativo

OK
Codex · nativo — Panel de datos, captura (Escritorio, parte superior de la página)Codex · nativo — Panel de datos, captura (Móvil, parte superior de la página)
Modelo
gpt-6.1-sol · high
Tiempo
6m 56s
Tokens
in 326k · out 25.8k
Skill usado
n/a
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-25

a11y · crítico: 1▶ vídeo

👍 0 · Votar

Codex + ui-ux-pro-max

OK
Codex + ui-ux-pro-max — Panel de datos, captura (Escritorio, parte superior de la página)Codex + ui-ux-pro-max — Panel de datos, captura (Móvil, parte superior de la página)
Modelo
gpt-6.1-sol · high
Tiempo
9m 00s
Tokens
in 1.30M · out 27.7k
Skill usado
Sí
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-25

a11y · crítico: 1▶ vídeo

👍 0 · Votar

Claude Code nativo

OK
Claude Code · nativo — Panel de datos, captura (Escritorio, parte superior de la página)Claude Code · nativo — Panel de datos, captura (Móvil, parte superior de la página)
Modelo
claude-opus-5-5 · high
Tiempo
8m 03s
Tokens
in 34 · cache 1.08M · out 46.4k
Skill usado
n/a
Recursos externos
ninguno
Fecha de ejecución
2026-10-26

a11y · grave: 1▶ vídeo

👍 0 · Votar

Claude Code + ui-ux-pro-max

OK
Claude Code + ui-ux-pro-max — Panel de datos, captura (Escritorio, parte superior de la página)Claude Code + ui-ux-pro-max — Panel de datos, captura (Móvil, parte superior de la página)
Modelo
claude-opus-5-5 · high
Tiempo
7m 12s
Tokens
in 28 · cache 1.05M · out 49.9k
Skill usado
Sí
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-26

a11y · grave: 1▶ vídeo

👍 0 · Votar

Codex nativo

OK
Codex · nativo — Blog y portafolio personal, captura (Escritorio, parte superior de la página)Codex · nativo — Blog y portafolio personal, captura (Móvil, parte superior de la página)
Modelo
gpt-6.1-sol · high
Tiempo
4m 59s
Tokens
in 218k · out 19.8k
Skill usado
n/a
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-25

a11y · grave: 1▶ vídeo

👍 0 · Votar

Codex + ui-ux-pro-max

OK
Codex + ui-ux-pro-max — Blog y portafolio personal, captura (Escritorio, parte superior de la página)Codex + ui-ux-pro-max — Blog y portafolio personal, captura (Móvil, parte superior de la página)
Modelo
gpt-6.1-sol · high
Tiempo
6m 55s
Tokens
in 510k · out 20.3k
Skill usado
Sí
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-25

a11y · grave: 1▶ vídeo

👍 0 · Votar

Claude Code nativo

OK
Claude Code · nativo — Blog y portafolio personal, captura (Escritorio, parte superior de la página)Claude Code · nativo — Blog y portafolio personal, captura (Móvil, parte superior de la página)
Modelo
claude-opus-5-5 · high
Tiempo
10m 28s
Tokens
in 24 · cache 661k · out 41.1k
Skill usado
n/a
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-26

a11y · grave: 1▶ vídeo

👍 0 · Votar

Claude Code + ui-ux-pro-max

OK
Claude Code + ui-ux-pro-max — Blog y portafolio personal, captura (Escritorio, parte superior de la página)Claude Code + ui-ux-pro-max — Blog y portafolio personal, captura (Móvil, parte superior de la página)
Modelo
claude-opus-5-5 · high
Tiempo
8m 05s
Tokens
in 54 · cache 2.22M · out 45.3k
Skill usado
Sí
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-26

a11y: sin problemas detectados▶ vídeo

👍 0 · Votar

Instalar y usar

La propia CLI del skill (ui-ux-pro-max-cli@2.15.0) genera este skill para cada agente. Las ejecuciones de la galería usaron esa salida.

Claude Code

Instalar

npx ui-ux-pro-max-cli@2.15.0 init --ai claude

Genera .claude/skills/ui-ux-pro-max/ en el proyecto actual.

Usar

# interactivo
/ui-ux-pro-max <tu tarea>

# o termina cualquier solicitud con
Use the ui-ux-pro-max skill.

# no interactivo, como en las ejecuciones de la galería
claude -p '<tu tarea> Use the ui-ux-pro-max skill.'

Para tenerlo disponible en todos los proyectos, coloca la carpeta en ~/.claude/skills/ui-ux-pro-max/. Claude Code también puede cargar el skill por sí solo cuando una solicitud coincide con la descripción del skill.

Codex

Instalar

npx ui-ux-pro-max-cli@2.15.0 init --ai codex

Genera .agents/skills/ui-ux-pro-max/ en el proyecto actual.

Usar

# interactivo: menciónalo o elígelo en /skills
$ui-ux-pro-max <tu tarea>

# no interactivo, como en las ejecuciones de la galería
codex exec -s workspace-write '<tu tarea> Use the $ui-ux-pro-max skill.'

Para tenerlo disponible en todos los proyectos, coloca la carpeta en ~/.agents/skills/ui-ux-pro-max/. Codex también puede elegir el skill por sí solo, según su descripción.

Notas

Metadatos: skills/ui-ux-pro-max/meta.yaml · Copyright (c) 2024 Next Level Builder