Tu sitio web con Claude

Esta guía es para crear y cambiar un sitio web hablando con Claude, sin saber programar. Claude hace la parte técnica; tú decides qué quieres, cómo se ve y qué dice.

Lo que necesitas (una sola vez)

1. La app de Claude en tu computadora, con Claude Code.
2. Tu proyecto preparado. Pídele a quien te ayuda con la parte técnica que ejecute:
   Terminal

   npx @razcue/agent-kit init mi-sitio --kind site --level non-technical --lang es --git read-only
   

   
   Esto crea una carpeta mi-sitio con el sitio y deja a Claude configurado para hablarte en español sencillo y sin pedirte decisiones técnicas.
3. Abre la carpeta mi-sitio en Claude y acepta cuando te pregunte si confías en ella y si quieres instalar agent-kit.

Cómo trabajar

• Para empezar algo nuevo, escribe: "Quiero empezar mi sitio" o "Quiero añadir una página de precios". Claude te hará preguntas cortas (qué es, para quién, qué páginas, colores, textos) y te mostrará un resumen antes de construir nada.
• Para cambios pequeños, dilo tal cual: "Cambia el color de los títulos a verde", "Pon mi teléfono en la página de contacto".
• Para ver el resultado, Claude te dirá qué escribir para abrir la vista previa y qué dirección abrir en el navegador (normalmente http://localhost:3000).
• Si algo no te gusta, dilo: "El título es muy grande", "Vuelve a como estaba antes".

Tus textos

Cada página es un archivo de texto en la carpeta content/. Puedes pedirle a Claude que los escriba o corrija, o editarlos tú: lo que escribes es lo que aparece en la página.

Lo que no puedes romper

• Claude no puede borrar el historial del proyecto: los cambios importantes (guardar versiones, publicar) los hace la persona que te ayuda con la parte técnica.
• Antes de algo difícil de deshacer, Claude te explica qué pasará y te pregunta.
• Si te pierdes, escribe: "¿Dónde estamos? ¿Qué falta?". Claude recuerda en qué quedaron la última vez.

Publicar el sitio

Cuando esté listo, pide a quien te ayuda que lo publique (por ejemplo en Vercel o Netlify). El sitio se genera con npm run generate y queda en la carpeta .output/public.