Esta clase es exclusiva para estudiantes del curso. Escribe el correo con el que compraste y tu clave de acceso.
Esa clave no es. Revisa tu correo de bienvenida e inténtalo de nuevo.¿No tienes la clave? Está en tu correo de bienvenida. ¿Aún no eres estudiante? Escríbele a Lala: @ia_con_lala
Hoy, sin saber programar y sin pagarle a nadie, vas a crear tu página de marca personal y la vas a dejar publicada en internet, gratis y para siempre.
De 0 a 100 con IA · Módulo Crea con IATranqui, no necesitas saber nada de antemano. Vamos pasito a pasito y sales de aquí con tu sitio en línea.
Es la página donde vives tú: quién eres, qué haces y cómo contactarte. Tu carta de presentación abierta 24 horas. Cuando alguien te googlea, esto es lo que quieres que encuentre.
Es lo que la gente ve: tu foto, tu nombre, tus textos y tus botones. Como la vitrina de tu negocio, pero en la pantalla.
Es tu dirección en internet, como tunombre.com. Es lo que la gente escribe para llegar a tu página, igual que la dirección de tu casa.
Es poner tu página en internet para que todo el mundo la pueda ver. Hosting es el lugar donde vive tu web, prendida las 24 horas.
La clave es la sencillez: pocas secciones bien hechas venden más que una página llena de cosas.
Te hicimos un sitio de muestra para que veas la meta: una nutricionista con sus 5 piezas, botón de WhatsApp y todo. Ábrelo en tu celular y fíjate en lo sencillo y limpio que se ve.
El círculo con las iniciales es justo donde va tu foto. En un rato te enseño a ponerla.
Tenías que contratar a alguien que supiera programar. Esperabas semanas o meses, pagabas mucha plata y, si querías cambiar algo, volvías a pagar.
Le describes tu sitio a la IA con tus propias palabras y lo tienes listo en minutos. Si algo no te gusta, se lo dices y lo cambia al instante. Y publicarlo es gratis.
Por eso hoy tú misma o tú mismo vas a hacerlo, sin depender de nadie.
Con Claude vas a hacer dos cosas, en este orden: primero en Claude Design defines cómo se ve tu sitio (el look, los colores, dónde va todo), y luego en Claude normal afinas los textos y descargas tu archivo listo para publicar.
En cristiano: Claude Design lo diseña, Claude lo afina, GitHub lo guarda y Vercel lo muestra.
¿No sabes qué estilo quieres? Mira sitios reales, encuentra uno que te enamore y copia su link. Se lo pegas a Claude Design y le dices: "hazme uno con este estilo, pero con mi información".
Ojo: inspírate, no copies idéntico. Toma la estructura y el estilo, no el contenido de nadie.
La IA no adivina. Entre más le cuentes quién eres, qué haces y cómo quieres verte, mejor te queda. Imagínate que le explicas tu marca a una persona que va a diseñarte el sitio. Así de sencillo.
No te preocupes por escribir "bonito": escribe como hablas. Ahora te doy el molde exacto para pegar en Claude Design.
Entra a claude.com/product/design, copia esto y cambia lo que está entre [corchetes] por lo tuyo. Vas a ver tu sitio armarse en vivo.
Diséñame un sitio web de marca personal, de una sola página.
Soy [tu nombre], [a qué te dedicas] y ayudo a [quién].
Que tenga estas 5 secciones: mi nombre con una frase de presentación, un "Sobre mí" con mi historia, lo que ofrezco (son: [tus servicios]), testimonios o logros (son: [los tuyos]) y un botón grande de WhatsApp [tu número] con mis redes [tus @].
Donde vaya mi foto, deja un espacio marcado (yo la pongo después).
Estilo: [cálido / elegante / moderno], colores [los tuyos].
Mobile-first (que se vea perfecto en celular).
Ajústalo ahí mismo hasta que te encante: cámbiale colores, mueve secciones, hazlo más sobrio o más colorido. Es tu momento de diseñadora.
Ya te gustó cómo se ve. Ahora, en Claude normal (claude.ai), pega el diseño y pídele que lo deje en un solo archivo, con los textos pulidos. Le pides cambios las veces que quieras.
Toma este diseño y déjamelo todo en un solo archivo llamado index.html, listo para publicar.
Donde va mi foto, usa una imagen llamada "foto.jpg".
Ajústame los textos para que suenen naturales y claros.
Y cámbiame [esto] / agrega una sección de [preguntas frecuentes / mi podcast].
Los efectos (un botón que se mueve, un texto que aparece) hacen que tu sitio se sienta vivo. En estas páginas ves el efecto, copias su código y le dices a Claude: "agrégale este efecto", y lo pegas.
Es opcional: primero deja tu sitio claro y bonito; los efectos son la cereza del pastel.
Ese archivito es tu sitio completo. Ahora vamos a darle una casa en internet.
Vas increíble: ya tienes tu sitio diseñado y descargado. Cuando volvamos, lo publicamos en internet para que quede en línea de verdad, gratis y para siempre.
Ya tienes tu archivo. Ahora lo guardamos en GitHub (la caja fuerte) y lo mostramos con Vercel (la vitrina). Al final tendrás un link que puedes mandarle a quien quieras, hoy mismo.
Aquí ya nació tu página: la diseñaste en Claude Design y la afinaste en Claude. Tienes tu archivo index.html.
Aquí vive tu archivo, en tu repo. Cada vez que quieras cambiar algo de tu sitio, reemplazas el archivo aquí.
Aquí vive tu página en línea. Vercel mira tu GitHub y, cuando cambias algo, actualiza tu sitio solito.
Los dos son gratis para lo que hacemos hoy, y esta es la misma dupla que usan las empresas de tecnología de verdad.
Ojo con los nombres: index.html y foto.jpg, tal cual, en minúsculas y sin espacios.
Ese link es gratis y queda en línea para siempre. Ya lo puedes poner en tu bio de Instagram.
La clave: el nombre del archivo debe ser idéntico al que dice tu página. Una letra distinta y no aparece.
Este circuito Claude → GitHub → Vercel es tuyo para siempre. Así se mantiene un sitio web de verdad.
Con tu link de Vercel ya puedes mostrarte al mundo desde hoy. Con eso basta para arrancar.
Cuando quieras verte más profesional, compras tu propio dominio (una dirección corta y tuya, como tunombre.com) y lo conectas a Vercel en minutos. Cuesta poca plata al año y hace que tu marca se vea seria.
Ahora lo hacemos juntos, en vivo, con tu marca real: pega el molde en Claude con tus datos, descarga tu index.html, súbelo a GitHub y publícalo con Vercel.
No busques la perfección: haz una versión y luego la mejoras. Si te trabas, escribe en el chat de la clase y te ayudo.
Manos a la obra ahoraDeja tu sitio publicado en Vercel y manda el link al grupo. Ver el tuyo en línea es la meta de hoy.
Pídele un cambio a Claude y súbelo a GitHub tú misma o tú mismo. Hacer el circuito completo una vez sin ayuda es lo que te lo graba.
Escoge tus mejores fotos propias para la próxima clase, que es de imágenes con IA. Nada de fotos de internet: las tuyas conectan más.
Sin programar, sin pagar hosting y con un circuito que te sirve para toda la vida: Claude la crea, GitHub la guarda y Vercel la muestra. Eso que hiciste hoy, mucha gente lo paga carísimo. Ahora es tuyo. Nos vemos en la próxima.
Soy Lala. Explico el mundo de forma fácil.