# Instrucciones para el agente: UI UX Pro Max: criterio de diseño para tu agente de programación

Pega este texto a tu agente (Claude Code, Codex, OpenCode, Hermes o el que uses) y dile «ayúdame a montarlo». Son los pasos para ponerlo en marcha; el porqué de cada pieza está en la guía completa.

- Dificultad: intermedio
- Proyecto: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill (licencia MIT)
- Guía completa: https://lab.wisd.ai/hub/ui-ux-pro-max

---

## Para el agente: cómo acompañar al usuario

1. Pregunta primero para qué lo quiere. Si su objetivo no necesita algún paso, sáltalo.
2. Antes de instalar, comprueba lo que ya tiene (versiones, claves, sistema operativo).
3. Avanza un paso cada vez: explica en una frase qué vas a hacer y deja que el usuario lo ejecute o lo apruebe.
4. Tras cada paso, comprueba que funcionó antes de seguir. Si falla, para y explica el error.
5. No inventes comandos ni opciones: si la documentación del proyecto contradice estos pasos, manda la documentación.
6. Al terminar, haz una prueba real con el objetivo del usuario y dile dónde profundizar.

---

## Pasos de configuración

### Paso 1: elige el arnés y comprueba Python

Consulta el [README oficial](https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/blob/HEAD/README.md). Estos pasos usan Claude Code y su marketplace; el README también documenta la CLI para otros agentes. Ejecuta en tu terminal:

```bash
python3 --version
```

El buscador requiere Python 3. Si falta, prepara ese requisito antes de continuar.

### Paso 2: instala la skill en Claude Code

Introduce estos comandos en la sesión de Claude Code, no en la terminal del sistema:

```text
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill
```

Para Codex, Cursor u otro arnés, sigue la sección de instalación por CLI del README y selecciona tu plataforma. No mezcles los archivos de distintas instalaciones.

### Paso 3: pide una tarea concreta

En Claude Code, pide en español que use la skill para diseñar una página e indica el producto, el público y el stack. Por ejemplo: «Usa ui-ux-pro-max para revisar el formulario de alta de mi aplicación Svelte. Conserva sus componentes y sus tokens; propón mejoras de legibilidad, foco y distribución en móvil».

Primero revisa las recomendaciones. Después pide que aplique un cambio acotado y conserve el comportamiento existente.

## Comprobación

Comprueba que el agente encuentra la skill y explica qué reglas ha usado. Revisa la interfaz en el navegador: texto sin cortes, foco visible, navegación con teclado y distribución en móvil y escritorio. Que la instalación termine no demuestra que el diseño resultante sea correcto.

## Si algo falla

Si el marketplace falla, consulta la alternativa por CLI del README. Si el buscador no se ejecuta, comprueba Python y las rutas de la instalación seleccionada. El repositorio completo no es el ZIP para subir a Claude.ai: el README señala que supera su límite de archivos y recomienda los métodos de instalación anteriores.