# Instrucciones para el agente: Elaya AI Design Skills: adapta una guía visual a tu marca 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/elayadesign/ai-design-skills (licencia MIT) - Guía completa: https://lab.wisd.ai/hub/elaya-ai-design-skills --- ## 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 la skill Desde la raíz del proyecto de destino, comprueba que tienes Git y acceso a `.claude/skills/`. Lee `skills/landing-page-design/SKILL.md` en el repositorio oficial. Para Claude Code el README publica: ```bash mkdir -p .claude/skills git clone https://github.com/elayadesign/ai-design-skills.git /tmp/ai-design-skills cp -r /tmp/ai-design-skills/skills/ .claude/skills/ ``` Sustituye `` por `landing-page-design` antes de ejecutar. Si la carpeta temporal ya existe, revisa su origen y reutilízala sin sobrescribir trabajo. ### Paso 2: personaliza y utiliza Adapta la sección de valores visuales en tu copia. Pide al agente una página concreta con tu contenido y responde a las preguntas de inicio. ## Comprobación Compara el HTML generado con tus fuentes, colores y espaciado acordados. Revisa una anchura móvil y una de escritorio antes de dar por válida la configuración. ## Si algo falla Si el resultado contradice la marca, revisa los valores predeterminados de la skill y las instrucciones del proyecto. Para otros arneses sigue la tabla de instalación del README. Consulta el [README oficial](https://github.com/elayadesign/ai-design-skills#readme) para el procedimiento completo y los cambios de versión.