Un sitio web de $10,000 gratis · con dos herramientas de Claude y sin pagarle a nadie

Una página decente con una agencia te puede costar varios miles de dólares y semanas de ida y vuelta. La alternativa barata suele ser peor: esperar a que un programador tenga hueco, o conformarte con una plantilla que se ve igual que la de todo el mundo. En los dos casos pagas con dinero o con tiempo antes de ver un solo resultado.

Este combo te deja probar primero. Son dos pasos y dos herramientas, las dos gratis: una arma el plano de tu sitio y la otra lo construye y lo publica. Si al final no te convence, no perdiste nada más que un rato conversando con Claude. Si te convence, ya tienes el link en vivo.

No es magia y no reemplaza a un buen diseñador para una marca compleja. Pero para la página de un negocio chico, un portafolio o un lanzamiento, te lleva de la idea a una URL que funciona sin pasar por caja.

Así se encadenan las dos herramientas. Cada una hace una mitad del trabajo: una piensa la página, la otra la construye. Por separado se quedan a medias; juntas te llevan de la idea a algo publicado.

El Arquitecto no construye nada: piensa la página por ti. Te hace una entrevista por fases y, al final, te entrega un blueprint en markdown con 16 secciones — el stack, la base de datos, las rutas, las secciones de la página, los textos y la dirección de diseño. Es el documento que después le pasas a Agent Webkit para que lo construya.

Si prefieres no usar git, baja el ZIP del repo, descomprímelo, entra a la carpeta y abre Claude ahí dentro.

Agent Webkit es el toolkit no-code que toma el plano y lo convierte en una página de verdad. Trae 13 habilidades pre-instaladas y construye sobre un stack serio: Next.js 15+, Tailwind 4, shadcn/ui, TypeScript y Framer Motion. Lo manejas conversando con Claude Code; no escribes código tú.

Después de clonar, escribe claude dentro de la carpeta para iniciarlo. A partir de ahí, todo se hace conversando.

Todo se reduce a dos movimientos. Primero sacas el plano con El Arquitecto; después se lo pasas a Agent Webkit y publicas. Cada paso usa su comando de instalación y su prompt — los dos están aquí mismo.

1. 01

   Arma el plano con El Arquitecto

   Instala El Arquitecto, ábrelo en Claude y pídele que actúe como El Arquitecto. Responde su entrevista por fases y, al final, copia el blueprint de 16 secciones que te entrega. Ese documento es tu plano.

2. 02

   Pásaselo a Agent Webkit y publica

   Instala Agent Webkit, ábrelo en Claude y pégale el plano con un resumen de tu negocio. Aprueba el diseño que te propone, revisa la vista previa local, pide los ajustes que quieras y dale a publicar para quedarte con la URL en vivo.

Los dos comandos de instalación, juntos para que los tengas a mano:

Cópialos, rellena lo que va entre corchetes y pégalos en Claude. Los dos primeros son para El Arquitecto (armar y refinar el plano); los dos últimos son para Agent Webkit (construir y publicar).

Quiero que actúes como El Arquitecto. Entrevístame por fases —descubrimiento, profundización, arquitectura y generación— para entender bien mi proyecto, y al final entrégame el blueprint completo en markdown con las 16 secciones: stack, base de datos, rutas, secciones de la página, textos y dirección de diseño.

Esto es lo que tengo:
- Qué vendo: [qué vendes]
- A quién le vendo: [a quién]
- Lo que quiero que logre la página: [meta de la página]

Hazme las preguntas de a una, espera mi respuesta y no avances a la siguiente fase hasta tenerla. No programes todavía: primero el plano.

Sobre el plano que me entregaste, quiero estos cambios:
- Mueve, quita o renombra esta sección: [sección que quieres cambiar]
- Agrega una sección de testimonios, una de preguntas frecuentes y una de precios.
- Ajusta el tono general a: [cercano / formal / divertido / directo]

Aplica los cambios y vuelve a mostrarme el blueprint completo y actualizado, con las 16 secciones, para que lo apruebe antes de pasar a construir. No construyas nada todavía.

Aquí está el plano que armé con El Arquitecto y un resumen de mi negocio. Quiero que construyas la página con Agent Webkit.

Plano completo:
[pega aquí el blueprint de 16 secciones]

Resumen del negocio: [qué vendes], para [a quién], con el objetivo de [meta de la página].

Empieza por las preguntas de descubrimiento que te falten. Después muéstrame el plan de diseño —colores, tipografías y estilo— para que lo apruebe. Cuando lo apruebe, construye la página sección por sección y déjame verla en una vista previa local en mi navegador antes de publicar nada.

La vista previa ya me gusta. Antes de publicar, hazme este último ajuste:
- [cambio final, por ejemplo: agranda el botón principal / cambia el color del encabezado / acorta el texto de inicio]

Luego publica la página y dame la URL en vivo que funcione, para abrirla y compartirla. Confírmame que el enlace queda activo y que no necesito hacer nada más por mi lado.

El miedo razonable es terminar con una página que grita "hecha por una máquina": fuentes raras, degradados clichés y la misma estructura de siempre. Estas son las razones por las que este combo esquiva ese resultado.