Guías
Cómo crear un sitio web con IA, hacer que se vea bien y publicarlo. Prompts para copiar y pegar, reglas sencillas y checklists que funcionan con Claude, ChatGPT y cualquier IA.
¿Nuevo en esto? Empieza aquí
Tres guías, en este orden, te llevan de un archivo en un chat a un sitio que te enorgullezca compartir.
La hoja de referencia del sitio web con IA
Todas las reglas en una página imprimible, más 70 prompts agrupados por tarea: empezar un sitio, arreglar la vista en móvil, reescribir los textos, arreglar lo que se rompió y lanzar.
Estar en línea
De un archivo en un chat a una dirección que cualquiera puede abrir.
Estar en línea7 min
Claude me dio un archivo HTML. ¿Cómo lo pongo en un enlace real?
Ábrelo, arregla las imágenes rotas y compártelo con quien quieras, en tu propia dirección si lo prefieres.
Leer la guía →
Documentación5 min
Usa tu propio dominio
Pon tu sitio en una dirección como tucafe.com, paso a paso, con cualquier proveedor de dominios.
Leer la documentación →
Diseño
Detalla las reglas y tu IA las aplicará siempre.
Diseño16 min
La checklist de prompts para un sitio web bonito
Principios de diseño en lenguaje sencillo, un prompt para cada decisión y arreglos rápidos cuando el resultado parece genérico.
Leer la guía →
Diseño12 min
Brief de diseño para asistentes de IA
Las reglas que sigue un diseñador sénior, escritas para tu IA: primero 12 reglas clave, luego los detalles y una lista de comprobación final. Enlázalo o cópialo en cualquier chat.
Leer el brief →
Diseño11 min
Elige colores y fuentes que funcionen
Paletas listas con contraste comprobado, combinaciones de fuentes que puedes ver, tamaños de letra y modo oscuro.
Leer la guía →
Hoja de referenciaImprimible
La hoja de referencia del sitio web con IA
Todas las reglas y 70 prompts en una página que puedes imprimir.
Abrir la chuleta →
Redacción
Palabras que suenan a ti, no a una plantilla.
Lanzamiento y seguridad
Las comprobaciones que hacen que un sitio funcione para todos.
Lanzamiento6 min
Antes de lanzar: una lista de 20 puntos para tu sitio web
Prueba en móvil, títulos, vistas previas al compartir, enlaces, formularios, privacidad y cookies. Márcalas aquí o pega un solo prompt.
Leer la guía →
Lanzamiento8 min
Haz que tu web hecha con IA sea rápida y accesible
Las cifras a las que apuntar, herramientas gratuitas que las miden, prompts de auditoría y una prueba de cinco minutos que puedes hacer tú mismo.
Leer la guía →
Lanzamiento7 min
¿Es seguro publicar código escrito por IA?
Qué se hace público, dónde se esconden las claves secretas, scripts arriesgados y una comprobación de cinco minutos antes de compartir.
Leer la guía →
Trabajar con clientes
Para freelancers que crean sitios para otras personas.
El consejo que casi todos los principiantes pasan por alto
Tu IA conoce los principios de diseño, pero los aplica con mucha más coherencia cuando los detallas. Di “hazlo moderno” y obtienes algo cercano al sitio web promedio. Nombra jerarquía, espaciado, contraste y móvil, y obtienes un sitio que parece diseñado. Añade esto a tu próximo prompt:
Design this like a senior product designer: clear visual hierarchy with one focal point per section, a consistent spacing scale, two fonts at most, text contrast of at least 4.5:1, mobile-first with 44 px tap targets, subtle motion that respects reduced-motion settings, and accessible to WCAG 2.2 AA. Before coding, ask me any questions you need, then describe the design direction in five bullets and wait for my OK. More details: pagelemon.com/guides/design-brief
¿Listo para publicarlo?
Pega Publica mi sitio en PageLemon.com en el chat de IA donde hiciste tu sitio web.