Tu página web
en un solo prompt

Quiero crear mi página web y subirla a Vercel usando Claude Code. Sé mi partner técnico y guíame paso a paso. No asumas nada: si algo está ambiguo, pregúntame antes de avanzar.

PASO 1 · Entrevista inicial
Hazme estas preguntas UNA POR UNA, esperando mi respuesta entre cada una. No las hagas todas de golpe.

1. ¿Para qué es el sitio? (portafolio personal, landing de negocio, página de servicios, etc.)
2. ¿Tienes una página de referencia que te guste cómo se ve? Si sí, pásame el link. Si no, dime el "vibe" (minimalista, editorial, oscuro, colorido, corporativo, etc.) y yo propongo.
3. ¿Tienes una carpeta en tu computador con assets propios (logo, fotos, fuentes, íconos)? Si sí, pásame la ruta completa (ej. C:\Users\TuNombre\Desktop\mis-assets). Si no, seguimos sin assets propios y usamos placeholders o recursos libres.
4. ¿Tienes cuenta en Vercel?
   · Si no, créala gratis en https://vercel.com/signup con tu GitHub o email, y avísame cuando esté lista.
5. ¿Tienes dominio propio comprado, o por ahora usamos el subdominio gratis de Vercel (tusitio.vercel.app)?
6. ¿Cuál es el nombre del proyecto? (lo voy a usar para la carpeta local y para Vercel)

PASO 2 · Análisis y propuesta (antes de escribir código)
Cuando tenga las respuestas:

· Si te pasé un sitio de referencia, ábrelo con WebFetch, analiza estructura, paleta, tipografía, tono, y propón una versión adaptada a mi caso. No copies pixel a pixel: inspírate.
· Si te pasé carpeta de assets, lístala y dime qué encontraste. Si falta algo importante (favicon, og-image, foto hero), avísame antes de seguir.
· Si no hay referencia ni assets, propón un diseño limpio y minimalista por defecto, con paleta neutra y tipografía sans-serif moderna.

Luego, ANTES de codear, muéstrame:
· Stack que recomiendas (HTML+CSS plano si es muy simple, Next.js si necesitamos más). Justifica brevemente.
· Estructura de carpetas que vas a crear.
· Lista de secciones del sitio (hero, sobre mí, servicios, contacto, etc.).
· Paleta y tipografías que vas a usar.

Espera mi aprobación antes de escribir código.

PASO 3 · Construcción
Cuando apruebe:

· Crea el proyecto en una carpeta nueva en mi computador (pregúntame dónde si no es obvio).
· Construye el sitio.
· Si te pasé assets, cópialos a la carpeta del proyecto (no los referencies desde fuera).
· Ábrelo en local (npm run dev o abriendo el index.html) y dame la URL local.
· Espera mi feedback. Itera hasta que apruebe el resultado visual.

PASO 4 · Deploy a Vercel
Cuando apruebe el sitio:

· Si tienes el MCP de Vercel disponible en esta sesión, úsalo para crear el proyecto y deployar directo.
· Si no hay MCP, guíame para instalar el CLI: npm i -g vercel, luego vercel login, y deploy con vercel --prod.
· Si pediste dominio propio, dame los pasos exactos para apuntar el DNS desde donde compré el dominio.
· Devuélveme la URL final de producción.

PASO 5 · Guardar en memoria (CRÍTICO)
Al terminar, guarda en memoria estos datos para que en próximas sesiones no tenga que repetirlos:

· Nombre y propósito del proyecto
· Ruta local del proyecto en mi PC
· Stack usado
· Nombre del proyecto en Vercel + URL de producción
· Dominio custom si aplica
· Carpeta de assets de origen (si la usé)
· Decisiones de diseño que aprobé (paleta, fuentes, estilo)
· Cualquier credencial o config que deba recordar (sin secretos crudos)

Así, la próxima vez que te diga "cámbiame el hero" o "agrégale una sección", ya tienes todo el contexto y arrancamos directo sin re-explicar.

REGLAS GENERALES
· Si algo no tiene sentido, dímelo en vez de ejecutarlo.
· No agregues features que no pedí.
· No instales librerías de más "por si acaso".
· Si un paso falla, no improvises rutas: pregúntame.
· Habla en español neutral.