Núcleo Web: armá tu landing profesional sin saber programar

Qué es Núcleo Web#

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).

Propósito#

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.

Objetivo#

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.

Resultados — qué te llevás#

Requisitos#

Marcá lo que ya tenés listo (se guarda en tu navegador):

Instalación y arranque#

node --version

git clone https://github.com/vincentconace/nucleo-web.git && cd nucleo-web

claude

hola, quiero armar mi página

Cómo funciona: las 7 fases#

Vos solo tomás decisiones; la IA hace toda la mecánica (escribir archivos, instalar dependencias, testear, optimizar).

Fase 0 — Punto de partida#

Elegís cómo arrancar (ver "Tres formas de empezar" más abajo) y, si vas desde cero, el tipo de proyecto.

Fase 1 — Descubrimiento (las preguntas)#

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.

Fase 2 — Sistema de diseño#

Define los hex exactos, las Google Fonts y el "arquetipo" de landing según tu rubro. Podés pedir ajustes antes de seguir.

Fase 3 — Andamiaje#

Verifica Node, crea el proyecto Next.js, instala shadcn/ui y los componentes que tu página necesita. Cero intervención tuya.

Fase 4 — Construcción#

Escribe todas las secciones con copy "humanizado" (sin sonar a IA), arma el modo claro/oscuro, cablea las integraciones y deja todo responsive.

Fase 5 — Vista previa y control de calidad#

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.

Fase 6 — Deploy#

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).

Fase 7 — Dominio propio (opcional)#

Si querés tu .com, te guía registrador por registrador (Vercel, Cloudflare, Namecheap o Domweb para .com.ar) y conecta el DNS.

La galería: qué proyectos podés armar#

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):

¿Querés verlos todos? Explorá cada tipo y llevate el prompt que más te sirva:

Tres formas de empezar#

No siempre arrancás de una hoja en blanco. Núcleo Web te deja:

1. Desde cero — elegís el tipo de proyecto y respondés las preguntas.
2. Reconstruir un sitio existente — le pasás la URL; analiza colores, tipografías y estructura, y propone una versión mejorada.
3. Desde tu Instagram — le pasás tu perfil/bio/capturas y arma la página a partir de eso.

En los casos 2 y 3 Claude pre-rellena las respuestas y vos solo confirmás o corregís.

Integraciones pensadas para LatAm#

Deploy: tu página en vivo#

Cuando le digas que estás listo, Núcleo Web:

1. Verifica que el build pase (npm run build).
2. Publica con su skill de deploy:

bash .claude/skills/vercel-deploy/scripts/deploy.sh site

Te 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.

Dominio propio (opcional)#

¿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:

• Vercel Domains — lo más simple, conecta solo.
• Cloudflare — mejor precio, un poco más técnico.
• Namecheap — barato y amigable para principiantes.
• Domweb — argentino, factura en ARS, soporta .com.ar.

Si algo falla#

"node: command not found"#

Instalá Node.js LTS desde nodejs.org y reabrí la terminal.

Claude no arranca como Núcleo Web#

Asegurate de correr claude dentro de la carpeta nucleo-web (ahí está el archivo de instrucciones que lo transforma).

El build falla en el deploy#

Pedile: "corré npm run build y arreglá los errores". Núcleo Web los lee y los corrige solo.

Quiero seguir editando después#

El código queda en la carpeta site/. Corré npm run dev cuando quieras y volvé a desplegar tras los cambios.

Próximos pasos#

• ¿Todavía no instalaste Claude Code? Instalalo en la terminal
• Aprendé a pedirle las cosas bien: hablarle a Claude
• Dejá tu entorno fino: setup zero

Fuentes oficiales#

• Repo: github.com/vincentconace/nucleo-web
• Claude Code: code.claude.com/docs
• Vercel: vercel.com/docs