Guía paso a paso para usar Núcleo Web, el starter de Claude Code que arma landings profesionales para negocios LatAm. Qué es, qué lográs, cómo instalarlo, las 7 fases del flujo, los 6 tipos de proyecto que podés armar, integraciones (WhatsApp, Mercado Pago), deploy a Vercel y dominio propio. En español y sin vueltas.
Núcleo Web es un asistente que arma landing pages profesionales por vos, charlando. Corre sobre Claude Code: vos respondés preguntas sobre tu negocio y la IA diseña, programa y publica la página. No necesitás saber programar.
No son plantillas genéricas: cada página se diseña a medida, mobile-first, con modo claro/oscuro, SEO y las integraciones que un negocio de Latinoamérica realmente usa (WhatsApp, Mercado Pago, SEO local).
Núcleo Web es gratis y open source: cualquiera puede mirar el código, clonarlo y usarlo. Abrí el repo en GitHub cuando quieras.
Bajar a cero la barrera técnica para tener presencia web profesional. En vez de contratar a alguien, pelearte con un constructor de páginas o copiar un template que se nota hecho con IA, describís tu negocio y obtenés un sitio real, tuyo y editable.
Que en una sola sesión pases de "no tengo página" a una landing publicada con URL en vivo, lista para compartir y para vender.
Marcá lo que ya tenés listo (se guarda en tu navegador):
Claude Code: seguí la guía de instalar Claude Code en la terminal. Plan: mirá cuál plan Claude — el Free no incluye Claude Code. Node.js: descargá la LTS de nodejs.org. Git: suele venir instalado; si no, git-scm.com.
Si todavía no tenés Claude Code andando, frená acá y hacé primero esa guía. Todo lo demás corre dentro de Claude Code.
node --versionSi ves v18 o mayor, listo. Si no, instalá la LTS desde nodejs.org y reabrí la terminal.
git clone https://github.com/vincentconace/nucleo-web.git && cd nucleo-webDentro de la carpeta nucleo-web:
claudeClaude lee el archivo de instrucciones del proyecto y se convierte en Núcleo Web. Te va a saludar y arrancar el flujo.
Núcleo Web detecta tu idioma del primer mensaje. Si escribís en español, todo el flujo sigue en español rioplatense. Un simple:
hola, quiero armar mi páginaya alcanza para empezar.
Vos solo tomás decisiones; la IA hace toda la mecánica (escribir archivos, instalar dependencias, testear, optimizar).
Elegís cómo arrancar (ver "Tres formas de empezar" más abajo) y, si vas desde cero, el tipo de proyecto.
4 rondas cortas: qué hace tu negocio, a quién le vendés, cuál es la acción principal (CTA), beneficios, contacto, testimonios, redes, idioma. Pausa clave: después de la ronda visual, Claude te muestra la dirección de diseño (colores + vibe + estructura) y espera tu OK antes de seguir. Cambiar acá te ahorra rehacer trabajo después.
Define los hex exactos, las Google Fonts y el "arquetipo" de landing según tu rubro. Podés pedir ajustes antes de seguir.
Verifica Node, crea el proyecto Next.js, instala shadcn/ui y los componentes que tu página necesita. Cero intervención tuya.
Escribe todas las secciones con copy "humanizado" (sin sonar a IA), arma el modo claro/oscuro, cablea las integraciones y deja todo responsive.
Levanta el server en localhost:3000, saca screenshots, corre auditoría SEO y un checklist (contraste WCAG AA, headings, alt text, links de WhatsApp/Mercado Pago, build OK). Le das feedback ("el hero se siente frío", "más grande el botón") y lo cambia al toque, las veces que haga falta.
Cuando estás conforme, lo publica en Vercel con un comando y te devuelve la URL en vivo (no necesitás cuenta para el preview).
Si querés tu .com, te guía registrador por registrador (Vercel, Cloudflare, Namecheap o Domweb para .com.ar) y conecta el DNS.
Núcleo Web arma 6 tipos de proyecto de fábrica y adapta las preguntas, las secciones y las integraciones a cada caso. ¿No sabés cuál es el tuyo? Respondé esto y te decimos qué armar (con el prompt listo para copiar):
¿Qué es lo más importante para vos ahora?
¿Querés verlos todos? Explorá cada tipo y llevate el prompt que más te sirva:
Una landing que genera contactos y presupuestos para tu servicio.
Quiero armar una landing de negocio/servicios. Mi negocio es [nombre] y ofrece [qué servicio] para [a quién]. Quiero que me contacten por WhatsApp y, si tengo local físico, aparecer en Google con SEO local.
No siempre arrancás de una hoja en blanco. Núcleo Web te deja:
En los casos 2 y 3 Claude pre-rellena las respuestas y vos solo confirmás o corregís.
Cuando le digas que estás listo, Núcleo Web:
npm run build).bash .claude/skills/vercel-deploy/scripts/deploy.sh siteTe devuelve una URL de preview ("¡tu página está online!") y una URL para reclamarla en tu cuenta gratis de Vercel y dejarla permanente.
Alternativa si ya tenés Vercel CLI:
npx vercel --yes.
¿Querés tunegocio.com en vez de la URL de Vercel? El hosting sigue gratis; el dominio cuesta ~USD 10–15/año. Núcleo Web te guía según el registrador:
.com.ar.Instalá Node.js LTS desde nodejs.org y reabrí la terminal.
Asegurate de correr claude dentro de la carpeta nucleo-web (ahí está el archivo de instrucciones que lo transforma).
Pedile: "corré npm run build y arreglá los errores". Núcleo Web los lee y los corrige solo.
El código queda en la carpeta site/. Corré npm run dev cuando quieras y volvé a desplegar tras los cambios.
github.com/vincentconace/nucleo-webcode.claude.com/docsvercel.com/docs