# Instrucciones para el agente: UI Craft: reglas y revisión para interfaces consistentes

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/educlopez/ui-craft (licencia MIT)
- Guía completa: https://lab.wisd.ai/hub/ui-craft-design-skill

---

## 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

### Preparación

Comprueba Node.js ≥22.20.0 con npm/npx para la ruta skills y un arnés compatible. Abre el proyecto cuya interfaz vas a revisar antes de instalar.

### Paso 1: instala la skill

Desde el proyecto, usa la alternativa del README:

```bash
npx skills add educlopez/ui-craft
```

### Paso 2: revisa una superficie

En el agente compatible, ejecuta `/start` para reconocer el proyecto. Después pide una crítica de una pantalla concreta. Esta vía instala las skills; para MCP y memoria sigue la sección CLI del README.

## Comprobación

Confirma que el agente reconoce UI Craft y usa los tokens existentes. Revisa la pantalla en el navegador y comprueba navegación por teclado y distribución móvil.

## Si algo falla

Si la skill global no aparece en Claude Code, el README documenta un problema de rutas. Usa la instalación por proyecto o el plugin oficial; no asumas que las comprobaciones MCP se instalaron con la skill.
