Una landing que abre rápido en el celular, no inventa nada sobre tu negocio y queda en tu dominio sin romperte el correo. Así la armo con Claude Code.
Gratis, a cambio de saber quién eres
Te lo doy completo y sin costo. Solo te pido el correo para poder escribirte después y preguntarte cómo te fue: si algo no te sirvió, quiero saberlo. Nada de spam.
Un correo de confirmación y ya. Puedes salirte cuando quieras.
Cuando reviso la página de un negocio, muy seguido encuentro lo mismo: se ve como plantilla, tarda en abrir en el celular y el título dice "Bienvenidos" en vez de lo que la gente escribe en Google. Y el día que el dueño conecta su dominio por su cuenta, a veces se queda sin correo y no sabe por qué.
Nada de eso es difícil de hacer bien. El problema es que nadie te dice el orden, y la IA, si no le das reglas, te arma justo eso: una plantilla genérica con testimonios y cifras inventadas.
Por eso armé esta skill para Claude Code. Te lleva de cero a una landing o un sitio publicado con tu dominio, en unos 90 minutos y con las mismas reglas que sigo yo.
Construye la página contigo, no por ti. Tú decides y apruebas; Claude escribe el código, te explica cada paso en una o dos frases y te muestra el resultado antes de seguir. Son ocho fases, cada una con su punto de control:
Lo que la distingue de pedirle "hazme una página" a cualquier IA son sus reglas fijas. Nada inventado: ni testimonios, ni cifras como "+500 clientes", ni logos de clientes; si algo falta, queda como pendiente y esa sección no sale. El título lleva la búsqueda real ("[servicio] en [ciudad]"), no un eslogan. Una sola acción, con el mismo nombre en todo el sitio. Y una lista de lo que delata el diseño hecho por IA (el degradado morado, las tres tarjetas idénticas con ícono, los emojis como íconos) para no caer en eso.
La skill trae estructuras para cinco tipos de negocio (servicio, empresa, consultorio, restaurante y academia) y usa como referencia tres sitios reales:
Si tu sitio va a necesitar blog o un panel para editarlo, eso lo hace otra skill: cómo agregar un blog a tu página web sin WordPress.
Necesitas Node.js en su versión LTS (node -v te dice si ya lo tienes), una cuenta gratis de Cloudflare creada por ti, acceso al panel donde compraste el dominio y tus fotos reales en una carpeta.
Descarga el archivo, descomprímelo y copia la carpeta dentro de tus skills:
~/.claude/skills/pagina-web-y-landing/
En Windows es C:\Users\TU-USUARIO\.claude\skills\, con SKILL.md directo dentro de la carpeta. En una sesión nueva de Claude Code se activa sola cuando pides una página web, y también puedes llamarla por su nombre.
¿No usas Claude Code? Todo está en Markdown: léelo como manual, comandos incluidos.
Abre Claude Code en una carpeta vacía, cambia lo que está entre corchetes y pégalo:
Usa la skill pagina-web-y-landing. Quiero publicar hoy la página de mi negocio y conectarla a mi dominio. Mi negocio: [nombre], [qué hacemos en una frase]. Clientes: [quiénes son y qué buscan]. Ciudad o zona: [dónde atiendo y dirección si hay local]. Servicios: [de 3 a 5]. Acción principal: [WhatsApp a mi número, formulario a mi correo o agenda]. Marca: [colores, carpeta del logo, un sitio que me guste como referencia]. Fotos: [tengo fotos reales en fotos-originales/ o no tengo]. Dominio y correo: [midominio.com, dónde lo compré y quién me da el correo, o no tengo]. Trabaja conmigo paso a paso: hazme primero las preguntas que falten, muéstrame la estructura y los títulos antes de escribir código, y pídeme permiso antes de publicar o de tocar el DNS. No inventes testimonios, cifras ni logos de clientes.
El último párrafo importa: deja claro desde el primer mensaje que te pregunte antes de construir y que te pida permiso antes de publicar o tocar el DNS.
Las fotos reales de tu negocio venden más que cualquier otra cosa. La skill las convierte a AVIF y WebP en varios tamaños, les pone ancho y alto para que nada salte al cargar y le da prioridad a la imagen principal.
Las imágenes generadas con IA van solo como ambientación: texturas, objetos, escenas sin personas identificables. Nunca para fingir clientes, equipo o trabajos. Para esas uso xyCloser, mi plataforma, conectada por MCP a Claude Code una sola vez:
claude mcp add --transport http xycloser https://xycloser.com/mcp
Luego escribes /mcp, eliges xycloser, entras con tu cuenta y pides: "Con xyCloser, genera una imagen 16:9 para la sección de servicios, sin texto, y descárgala en la carpeta de mi proyecto". La conexión por MCP viene en los planes Pro y Agency de xyCloser; con la cuenta gratis generas las imágenes desde la web y las descargas. Cómo crear la cuenta y cuánto cuesta cada imagen está en la guía de flyers con IA.
Conectar el dominio no toca el correo por sí solo. El correo se rompe cuando en el camino se pierde o se cambia un registro que el correo usa. Por eso la skill empieza por la foto del antes: guardar cómo está tu DNS hoy.
nslookup -type=ns midominio.com 1.1.1.1 nslookup -type=mx midominio.com 1.1.1.1 nslookup -type=txt midominio.com 1.1.1.1 nslookup -type=txt _dmarc.midominio.com 1.1.1.1
Con esa foto en la mano:
www redirige a la dirección principal.Tú haces lo que es tuyo: creas la cuenta, autorizas el acceso, cambias los nameservers y escribes cualquier clave. Claude no toca el DNS sin tu confirmación. Y si el cambio tarda (puede tomar hasta 24 horas), el sitio queda hoy en workers.dev y el dominio se termina después: eso es un buen resultado, no un fracaso.
npx wrangler rollback por si algo sale mal.Lo único que se paga es el dominio (y lo que decidas contratar aparte): en Cloudflare, servir archivos estáticos es gratis y sin límite de visitas.
workers_dev pasa a falso: se pone workers_dev = true antes de [assets].Hero.avif y hero.avif son archivos distintos. Nombres siempre en minúsculas.mail quedó con proxy. Se restaura desde la foto del antes.+ ni espacios: https://wa.me/507XXXXXXXX para Panamá.og:image va como URL absoluta a un JPG liviano de 1200x630.Para dueños de negocio y profesionales que no programan y quieren su página en línea hoy, con su dominio y bien hecha. Para quien tiene un sitio de plantilla y quiere rehacerlo con estructura, textos que dicen la verdad y SEO desde el primer día. Y para quien solo necesita conectar su dominio sin perder el correo: esa sección sola vale la descarga.
No es para una tienda con carrito y pagos. Y cuando tu sitio esté publicado, lo que sigue es que Google lo encuentre: para eso está la guía de cómo mejorar el SEO de tu página web.
Esta es una de las skills que usamos en el taller presencial: cada quien construye la página de su propio negocio y yo corrijo sobre la marcha. Si lo que necesitas es que lo veamos para tu empresa, agenda una conversación y lo revisamos con tu caso en la mano.
Gratis, a cambio de saber quién eres
Te lo doy completo y sin costo. Solo te pido el correo para poder escribirte después y preguntarte cómo te fue: si algo no te sirvió, quiero saberlo. Nada de spam.
Un correo de confirmación y ya. Puedes salirte cuando quieras.
¿Te trabaste en algún paso?
El recurso te lleva de cero a cien solo, pero hay pasos que se explican mejor hablando. Si llegaste hasta ahí y algo no cuadra, mándame el enlace de tu sitio y te digo qué está pasando.
Agendar una llamada →