Es una skill, que es como un manual que le instalas a Claude. Con ella, Claude Code hace de diseñador web: tú le cuentas de tu negocio y él te entrega la página publicada en internet. No escribes código en ningún momento, ni siquiera para publicarla.
- 01Te entrevista, como lo haría una agenciaA qué te dedicas, quién te compra, qué quieres que haga la gente cuando entra, qué fotos tienes. Una pregunta corta a la vez.
- 02Te recomienda 2 o 3 diseñosDe 14 plantillas propias, escogidas según tu negocio y las fotos que tienes. Tú escoges.
- 03Sale con lo que casi nadie hacePolítica de privacidad y aviso de cookies según tu país, seguridad, y preparada para Google y para los buscadores de inteligencia artificial.
- 04Queda publicada, con tu linkCuando dices "sí, publícala", queda en internet en Vercel, gratis. Si tienes dominio, se conecta después.
Paso 00
Lo que necesitas
También funciona. Necesitas Python instalado y una cosa más para que las fotos se compriman bien: Claude te la instala si le dices que estás en Windows.
Paso 01
Instálala
Abre Claude Code y pégale esto. Claude la descarga y la deja lista; no tienes que abrir la terminal.
Instala esta skill en ~/.claude/skills/: https://github.com/rayoacademy/pagina-wow
Si prefieres verla antes, el código está abierto en GitHub.
¿Prefieres hacerla tú, paso a paso? Está el método completo de la masterclass en Haz tu página web con IA.
Paso 02
Pídele tu página
Dile qué quieres con tus palabras. Lo demás lo pregunta él.
Quiero mi página web para mi negocio. Hazme las preguntas que necesites.
Primero te pregunta si ya has hecho una página antes, para saber cuánto acompañarte. Después vienen dos tandas cortas: tu negocio, para quién es, qué quieres que haga la gente cuando entra (escribirte, agendar, comprar), qué ofreces, tus testimonios si los tienes, tus datos de contacto y tu país. Al final te pregunta si quieres mostrar algo más, como fotos de tus trabajos o tus planes con precios.
Paso 03
Escoge tu diseño
Con lo que le contaste, te recomienda 2 o 3 plantillas y te abre el catálogo para que las veas completas. Estas son seis de las catorce:
Cada plantilla pide fotos distintas (unas horizontales, otras verticales) y él te dice cuáles. Si no tienes fotos todavía, hay diseños que se ven bien sin ellas.
Paso 04
Mírala y pide cambios
Te la muestra en tu computador, en versión de escritorio y de celular, antes de publicar nada. Los cambios se piden hablando:
Cambia el titular por algo más corto, pon mi foto del local arriba y quita la sección de precios.
Tú nunca editas archivos. Si algo no te gusta, se lo dices y lo vuelve a armar.
Paso 05
Publícala
Cuando te guste, le dices "sí, publícala". Te va a pedir que entres a tu cuenta de Vercel (eso lo haces tú, él nunca escribe tus contraseñas) y en un minuto te da tu link, del tipo tunegocio.vercel.app. Ese link ya lo puedes poner en tu bio de Instagram.
Si tienes un dominio propio, te explica cómo conectarlo. Si no tienes, no pasa nada: el link de Vercel funciona igual.
Incluido
Lo que trae tu página
- 01Lo legal, según tu paísPolítica de privacidad, términos y aviso de cookies, y una casilla de autorización en el formulario. Son plantillas, no asesoría legal: si manejas datos de salud o de menores, revísalos con un abogado.
- 02Seguridad puestaLas protecciones que suelen faltar en las páginas hechas rápido, y una página de error propia.
- 03Lista para que te encuentrenTítulo y descripción para Google, tu ciudad, preguntas frecuentes con respuesta directa, y un archivo para los buscadores de inteligencia artificial.
- 04Si quieres, másUn formulario que te llega al correo, y estadísticas de visitas sin cookies.
Para no trabarte
Si algo falla
La skill trae su propia revisión. Pídele esto y te dice qué está bien y qué hay que hacer:
Algo no funciona con mi página. Corre la revisión de la skill y arréglalo.
Resumen
El orden, en una lista
- Abre Claude Code en la app de escritorio, con tu plan Pro.
- Pégale el link para instalar la skill.
- Dile que quieres tu página y responde sus preguntas.
- Escoge el diseño y mándale tus fotos.
- Pide los cambios hasta que te guste en el celular.
- Di "sí, publícala" y pon el link en tu bio.
Créditos
Fuentes
La skill, con su código abierto y licencia MIT: github.com/rayoacademy/pagina-wow. Las fotos de muestra son de Unsplash, con su fuente dentro de cada plantilla. Planes y límites de Claude: claude.com/pricing.
Cuando la tengas
Mándame el link de tu página por DM en Instagram, que quiero verla. Y si te trabas en un paso, dime en cuál.