# Instrucciones para el agente: Skills de Emil Kowalski: decide el movimiento de una interfaz

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/emilkowalski/skills (licencia MIT)
- Guía completa: https://lab.wisd.ai/hub/emil-design-engineering-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

### Paso 1: instala

Comprueba Node.js ≥22.20.0, npm/npx y un arnés que cargue skills. El mínimo es el del [manifiesto del instalador skills](https://github.com/vercel-labs/skills/blob/main/package.json).

```bash
npx skills@latest add emilkowalski/skills
```

### Paso 2: revisa una interacción

Selecciona emil-design-eng o review-animations. Pide cambios justificados antes de extenderlos al resto.

## Comprobación

Compara la interacción antes y después. Comprueba que el agente explica curva, duración y propósito; revisa también movimiento reducido.

## Si algo falla

Si una recomendación no encaja, aporta la frecuencia de uso y el objetivo. Para falta de fluidez, consulta animation-performance.