Tu página web hecha con Claude, en una dirección real
Última actualización: 2026-08-10
En resumen: pega el HTML que te dio Claude en la página de inicio de makelayer.com y pulsa «Crear mi dirección»; en menos de 60 segundos tendrás una dirección real en línea. No necesitas servidor, instalar programas ni registrar una tarjeta.
De un vistazo
- Tiempo necesario
- Unos 1 min
- Plan necesario
- Gratis
- Conocimientos de código
- Ninguno
- Dónde se hace
- Cuadro de pegado de la página de inicio
Paso a paso
- 1
Pídele la página a Claude
Describe con palabras la página que quieres y obtendrás el HTML. Si añades «hazlo en un solo archivo HTML», incluirá también el diseño (CSS) en el mismo archivo y el siguiente paso será más fácil. Con pulsar una vez el botón «Copiar» arriba a la derecha del bloque de código de la respuesta, ya está todo listo.
Claude
Haz la página de presentación de mi cafetería en un solo archivo HTML. Incluye el menú, la ubicación y un botón de contacto.index.html Copiar<section class="hero"> <h1>…</h1></section> - 2
Pégalo en MakeLayer
En cuanto pegas el código copiado en el cuadro de la página de inicio, la página se muestra al lado tal como se verá. Todavía no necesitas guardar archivos ni crear una cuenta: primero compruébalo con tus propios ojos. Los scripts escritos en la página solo se pausan en la vista previa; al publicar, todo funciona con normalidad.
La vista previa aparece en cuanto pegas: es la pantalla real. - 3
Pulsa «Crear mi dirección» y elige tu dirección
Si te gusta la vista previa, pulsa el botón. Inicia sesión una vez (el código que pegaste se conserva), elige el nombre que quieras para tu dirección y listo: publicado. Desde ese momento está abierto en internet. Hasta 2 sitios gratis, sin registrar tarjeta.
myname.mklyr.com PublicadoAl publicar, obtienes al instante una dirección como esta. Puedes conectar tu propio dominio desde Starter (HTTPS automático).
- 4
La próxima vez, corrígelo con palabras
Después de publicar, no necesitas volver a Claude. En el editor, pide con palabras lo que quieres cambiar: la IA encuentra y corrige el código y te muestra primero qué va a cambiar. Si no te gusta, puedes deshacerlo de una vez.
Asistente de ediciónHaz el titular más contundente Corregí tres partes. Si no te gusta, lo deshago.
Preguntas frecuentes
¿De verdad es gratis?
Sí. Hasta 2 sitios son gratis para siempre y no pedimos tarjeta. Los sitios gratuitos llevan una pequeña insignia «Made with MakeLayer», que desaparece desde Starter.
¿El código que hizo Claude funciona tal cual?
Sí. El HTML que pegas se publica tal cual. En la vista previa antes de publicar no se ejecutan los scripts escritos en la página, pero en el sitio publicado todo funciona con normalidad.
¿Puedo tener un sitio de varias páginas?
Sí. También puedes subir varios archivos (subpáginas, carpetas de imágenes) con el plan gratis. Lo que limita el plan gratis no es la cantidad de archivos, sino el almacenamiento y el número de sitios.
¿Puedo conectar mi propio dominio?
Sí. Desde Starter, al conectar un dominio que ya tienes, el certificado HTTPS se emite automáticamente. Con el plan gratis, usas la dirección mklyr.com que recibes.
¿Puedo hacer cambios sin saber programar?
Sí. En el editor, pide con palabras algo como «cambia los números de la tabla de precios» y la IA corrige el código. También puedes hacer clic en la parte que quieres cambiar para señalarla, y cada publicación deja una instantánea a la que puedes volver cuando quieras.
¿También puedo conectarlo directamente con Claude Code o MCP?
Sí. Las herramientas compatibles con MCP, como Claude Desktop o Cursor, pueden publicar directamente el HTML creado en la conversación, sin copiar y pegar como en esta guía. Explicamos cómo conectarlas en la página /mcp.
Sigue leyendo
- Tu página web hecha con ChatGPT, en una dirección real Guía paso a paso para publicar en una dirección real, sin servidor y en 60 segundos, el HTML creado con ChatGPT (Español)
- Tu página web hecha con Gemini, en una dirección real Guía paso a paso para publicar en una dirección real, sin servidor y en 60 segundos, el HTML creado con Gemini (Español)
- El asistente de edición con IA del editor: pídelo con palabras y corrige hasta el código Cómo usar el asistente de edición con IA del editor: pedir con palabras, señalar con un clic, por qué los cambios se ven al publicar y cómo funciona deshacer (Español)
- Conecta tu propio dominio: basta con registrar CNAME y TXT Cómo conectar tu dominio a un sitio publicado y obtener el HTTPS automáticamente (Español)
Probarlo es más rápido que leerlo: pega tu HTML ahora.