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.
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.
Datos de diseño locales y consultables para interfaces web, móviles y de escritorio (estilos, paletas por producto, combinaciones de fuentes, pautas de UX, tipos de gráficos, stacks) fuente
Paletas por sector y reglas de razonamiento que generan un sistema de diseño según el tipo de producto fuente
Recomendaciones de tipos de gráficos para paneles y analítica fuente
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.
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
Necesita python3 (solo la biblioteca estándar) para ejecutar sus scripts de búsqueda.
El README original recomienda npm i -g ui-ux-pro-max-cli; la galería usa en su lugar npx con una versión fijada, así que no se instala nada de forma global.
Metadatos: skills/ui-ux-pro-max/meta.yaml · Copyright (c) 2024 Next Level Builder