# Instrucciones para el agente: Nothing Design Skill: interfaces con un lenguaje visual definido

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: principiante
- Proyecto: https://github.com/dominikmartn/nothing-design-skill (licencia MIT)
- Guía completa: https://lab.wisd.ai/hub/nothing-design-agent-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

Comprueba que Git y Claude Code están disponibles. Crea la carpeta `~/.claude/skills/` si no existe antes de copiar; así se conserva `nothing-design` como subcarpeta de la skill. El README documenta:

```sh
git clone https://github.com/dominikmartn/nothing-design-skill.git
cp -r nothing-design-skill/nothing-design ~/.claude/skills/
```

Inicia una sesión nueva y usa `/nothing-design` o describe la pantalla solicitando «estilo Nothing».

## Comprobación

Abre la interfaz y verifica jerarquía, contraste y comportamiento en claro y oscuro. Comprueba también navegación por teclado.

## Si algo falla

Si no se activa, revisa la carpeta de la skill y reinicia la sesión. Si el estilo desplaza necesidades de uso, concreta las restricciones del producto.

Consulta [el README oficial](https://github.com/dominikmartn/nothing-design-skill#readme) para requisitos y variantes de instalación.