He creado un generador de webs corporativas con IA: esto es lo que pasa de verdad bajo el capó
Soy el creador de WebSir (websir.fr), una plataforma SaaS que genera una web corporativa completa, desplegada y accesible en menos de 30 minutos a partir de un brief en lenguaje natural. Este artículo es un balance técnico: por qué construí la herramienta, cómo funciona el pipeline de generación y por qué una web corporativa generada por IA puede superar en Web Vitals a un sitio hecho a mano en Webflow. Bonus al final: un código de descuento del 20 %.
Landing de WebSir: el usuario describe su proyecto en francés al asistente conversacional y arranca la generación. Alt text sugerido: «Página de inicio de WebSir con la interfaz de chat para crear una web corporativa conversando con una IA».
¿Por qué otro generador de webs corporativas con IA?
Como desarrollador, llevo años viendo pasar la misma petición entre artesanos, autónomos y pequeñas empresas: «solo quiero una web sencilla, que cargue rápido y en la que pueda cambiar un número de teléfono sin llamar a nadie». La respuesta del sector fue WordPress más un tema de Elementor, o más recientemente Wix, Webflow y compañía. El problema, en ambos casos, sigue siendo el mismo: el stack pesa mucho, el DOM renderizado en el cliente está hinchado y el menor cambio editorial obliga a navegar por una interfaz visual con la complejidad de un Photoshop de saldo.
Cuando los LLM se volvieron lo bastante buenos como para producir HTML y CSS estructurados, quise coger el problema por el otro lado: en lugar de enseñar al usuario a manejar un builder, pedirle que describa en francés lo que quiere. Y detrás, no generar una web WordPress más, sino HTML estático puro, servido desde el edge, sin framework JavaScript en el cliente. De ahí salió WebSir.
El recorrido del usuario, visto desde fuera
El usuario se registra (correo y contraseña, Google, Facebook o Apple), escribe una frase del tipo «soy osteópata en Lyon, quiero una web sobria, más bien en verde salvia, con una página de presentación, una de tarifas, una de contacto y una de aviso legal» y el chat conversacional se encarga del resto. El agente recoge precisiones (colores, tono, sector, estructura deseada) y lanza la generación. El progreso se transmite en streaming en tiempo real: el usuario ve trabajar a la IA por etapas sucesivas, estructura, contenido, diseño, código, assets, validación, sin tener que adivinar qué ocurre dentro de la caja negra.
Al cabo de unos minutos la web está lista para previsualizar. El usuario puede entonces pedir modificaciones (siempre por chat, nunca con un editor visual impuesto), ajustar las imágenes, los colores, el árbol de páginas. Cuando está satisfecho, entra en un embudo de despliegue de 5 pasos: SEO, dominio, social, pago, contacto. Y solo en el paso de pago entra Stripe en juego: generar una web completa es totalmente gratis, únicamente el despliegue efectivo dispara la facturación. Modelo freemium radical y asumido: si la IA no consigue producir una web que guste, el usuario no ha gastado nada.
Bajo el capó: WebForge, el motor de generación
Aquí es donde la cosa se pone interesante para los desarrolladores. WebForge es un binario Node.js / TypeScript independiente que diseñé específicamente para este caso de uso. Orquesta toda la generación del sitio: análisis del brief, redacción del contenido, elección del diseño, ensamblado del código, optimización de los assets y validación final. Todo se pilota internamente y el avance se expone en tiempo real a la aplicación web, de modo que el usuario nunca se queda delante de un reloj de arena mudo.
Vista del editor de WebSir durante una generación: la columna de la izquierda muestra en tiempo real las fases de WebForge (escritura del código, validación de la plantilla, QA) y el panel central, la web en pleno ensamblado. Alt text sugerido: «Editor de WebSir mostrando en tiempo real las fases de generación de WebForge y la vista previa de la web corporativa que está creando la IA».
Varias fases visibles durante la generación
En lugar de pedirle a una única llamada monolítica que produzca una web completa (receta clásica para acabar con un resultado decepcionante), WebForge encadena varias fases especializadas. Las ves desfilar literalmente en el panel de la izquierda mientras se genera el sitio.
Una parte de esas fases la pilota la IA: las que exigen criterio creativo o de redacción (encuadrar el proyecto, escribir el contenido, elegir el diseño, producir el código). Otras son completamente deterministas, sin ninguna llamada a un LLM: se ocupan del build, de la validación y de la autocorrección. Son las que atrapan los errores típicos de una generación por IA: una clase CSS inexistente, un slot olvidado, una paleta de colores incoherente, un ritmo de página que apila dos veces la misma sección.
El resultado de este reparto es simple: la creatividad se queda en la IA, el rigor se queda en código probado. Esa es la clave para entregar una web corporativa generada por IA que no alucine y que salga del pipeline con un nivel de calidad reproducible, no a la buena de Dios.
Una caja de herramientas propia para el agente
El agente de IA no escribe la web «a mano», en modo autocompletado bruto. Dispone de una caja de herramientas tipada que definí específicamente para producir webs corporativas: lectura, escritura y edición de archivos, instanciación de componentes desde una biblioteca interna, validación de plantillas y toda una batería de herramientas de imagen (generación de ilustraciones, de logo y de favicon, edición de imagen, eliminación de fondo).
El propio agente elige las herramientas pertinentes según la fase en curso, y un subconjunto queda restringido según el contexto: no queremos, por ejemplo, que una fase de revisión crítica se ponga a reescribir código por su cuenta. Esa disciplina en el utillaje es lo que separa una demo de Twitter de un producto que aguanta en producción.
Una vez generada la web, el usuario puede seguir dialogando con la IA por chat, pero también puede hacer clic directamente en cualquier bloque de la página para modificarlo en contexto: cambiar un título, ajustar una llamada a la acción, sustituir una imagen. El editor conserva el conocimiento de la estructura (hero, servicios, testimonios, footer…) y propone las modificaciones adecuadas al tipo de bloque seleccionado.
Selección visual directa de un bloque «hero» en una web generada: el usuario hace clic en la zona que quiere cambiar y el editor aplica la modificación sin romper la estructura. Alt text sugerido: «Edición en contexto de un bloque hero en una web corporativa generada por IA dentro del editor de WebSir».
¿Por qué HTML estático en 2026?
Muchas plataformas equivalentes producen una aplicación JavaScript monstruosa (Wix carga sin despeinarse de 2 a 3 MB de JS en la primera página). WebSir hace justo lo contrario: las webs generadas son HTML / CSS / Vanilla JS ES2022+. Cero frameworks en el cliente. Cero React, cero Vue, cero Alpine.js, cero jQuery. La regla la aplica el CI: un script bloquea cualquier merge que reintroduzca una dependencia prohibida.
Consecuencias medibles:
- LCP mínimo: sin hidratación, sin bundle de JS que parsear antes de mostrar el contenido
- FID inmediato: poco JavaScript en el main thread
- Bundle ligero: unos pocos kilobytes de JS para las interacciones (menú móvil, acordeones), y nada más
- Accesibilidad natural: sin DOM virtual, los lectores de pantalla y los crawlers SEO leen el HTML tal cual
- Robustez: una web que sigue funcionando perfectamente aunque el JS esté desactivado
En cuanto a la infraestructura, el sitio se sirve desde una red de distribución mundial (edge CDN). En la práctica, cada página se renderiza en el punto de presencia más cercano al visitante, esté donde esté. Sin servidor de aplicación que escalar, sin caché que invalidar a mano: la subida, la inyección de las metaetiquetas, la configuración DNS y la purga de la caché están totalmente automatizadas en cada redespliegue. Los dominios personalizados se gestionan en unos pocos clics, con certificado SSL automático.
El sistema de variables tipadas: una baza de más frente al RGPD
Es probablemente la parte de la que estoy más orgulloso técnicamente, y la que las demás plataformas no hacen. Todo dato público recurrente de un sitio, número de teléfono, correo, dirección, SIRET, nombre del alojador, año en curso, pasa por una etiqueta <var data-key="…"> o por un atributo data-bind-{attr}="key".
El LLM no ve nunca el valor real. WebForge recibe únicamente las claves y los metadatos (etiqueta, tipo, obligatorio o no). La sustitución real se hace después, en el momento del despliegue, mediante un motor de renderizado que inyecta los valores justo antes de publicar.
Beneficios concretos: los datos personales reales no pasan por un proveedor de IA externo, se puede cambiar un número de teléfono en toda la web en una sola operación y se puede activar un indicador de «dato sensible» que dispara un cifrado adicional sobre las variables que no van a publicarse. Para quien intenta generar una web corporativa profesional con IA sin salirse del RGPD, esa separación entre contenido y datos es determinante.
Seguridad e higiene operativa
Algunos detalles que cuentan en un blog de desarrolladores:
- 2FA TOTP obligatorio
- Antifuerza bruta en dos niveles: 5 intentos fallidos bloquean la cuenta durante 15 minutos
- Formularios de contacto protegidos por varias capas de seguridad, entre ellas honeypot, tiempo mínimo de relleno, rechazo de dominios desechables, verificación MX y Turnstile, automatizado al 100 %
- Subida de archivos en los formularios: whitelist MIME, tamaño máximo por envío, ClamAV en el servidor
Por qué una web generada por IA puede superar a una hecha a mano
El argumento intuitivo es: «un humano siempre lo hace mejor que una máquina en la parte creativa». Sigue siendo parcialmente cierto en diseño, pero cada vez lo es menos en rendimiento técnico, que es el terreno de juego real del SEO moderno.
Un freelance que entrega una web en Webflow o un tema de WordPress apañado tiene pocas opciones de ganar, en Core Web Vitals, a un pipeline pensado desde el principio para generar HTML estático optimizado, validado por una batería de comprobaciones deterministas y desplegado en un edge mundial. Añade a eso:
- Etiquetas Schema.org inyectadas sistemáticamente en cada página (LocalBusiness, Article, BreadcrumbList según el contexto)
- Un sitemap.xml generado y enviado automáticamente
- Metaetiquetas Open Graph y Twitter Cards configuradas en el paso «Social» del embudo
- Una analítica nativa integrada, sin SDK externo que cargar
- Imágenes servidas en WebP o AVIF cuando el navegador lo admite
…y obtienes un sitio que, sin esfuerzo adicional, ya cumple las principales recomendaciones de Google Page Experience. Cuando llega un crawler, encuentra HTML legible, no un esqueleto de React por hidratar. Cuando un visitante hace clic, la página se muestra en unos cientos de milisegundos desde el punto de presencia más cercano.
Auditoría de Google Lighthouse de una web corporativa generada con WebSir: 100/100 en Rendimiento, Accesibilidad, Prácticas recomendadas y SEO. Sin ninguna optimización manual, la puntuación sale de la propia fase de generación. Alt text sugerido: «Puntuación de Google Lighthouse 100/100/100/100 en una web corporativa generada por la IA de WebSir, medida en Rendimiento, Accesibilidad, Prácticas recomendadas y SEO».
Precios y código promocional (la parte que estabas esperando)
El plan activo se llama simplemente Site vitrine. 39,90 € sin IVA al mes, con una opción anual de 430,92 € sin IVA al año que ahorra un 10 %. Incluye:
- Hasta 20 páginas, aviso legal y política de privacidad incluidos
- Un dominio personalizado o un subdominio en
*.websir.fr - El certificado SSL gestionado automáticamente
- Un CDN mundial en el edge
- Una analítica nativa sin banner de cookies que mostrar
- Formularios de contacto ilimitados, con subida de archivos y antispam
- Modificaciones ilimitadas por chat (la IA sigue disponible después de publicar)
- El soporte por correo
Y aquí llega la parte que me ha empujado a escribir este artículo hoy: para los lectores de este blog he preparado un código de descuento del 20 % sobre la primera suscripción.
Código promocional: SITE20
20 % de descuento, a introducir en el paso Checkout del embudo de despliegue.
Recuerda: generar la web es gratis. Puedes crear una cuenta, briefar a la IA, ver el resultado completo, pedir todas las modificaciones que quieras y usar el código SITE20 solo en el momento en que decidas publicar el sitio de verdad. Si el resultado no te convence, no habrás gastado nada.
Lo que (todavía) no hay en WebSir
Por honestidad intelectual, esto es lo que hoy no existe. Los planes de web dinámica y de comercio electrónico están previstos pero aún no están disponibles. La tecnología objetivo no está decidida: ya sé lo que no voy a usar (ni WordPress, ni PrestaShop, ni Shopify), pero todavía no con qué me quedaré. Si necesitas una tienda online o un back-office de negocio hoy mismo, WebSir no será la respuesta adecuada, prefiero decírtelo antes de que saques la tarjeta y no después.
Del mismo modo, WebSir apunta en primer lugar al mercado francófono. El contenido generado está en francés por defecto, las páginas legales siguen el derecho francés y el agente conversacional entiende mejor los briefs en francés que en otros idiomas. El soporte multilingüe llegará, pero no es la prioridad de este momento.
Conclusión: qué cambia esto para un desarrollador
Si eres desarrollador y tus amigos no técnicos todavía te sueltan «¿no me puedes apañar una webcita?», ya sabes lo pesado que resulta atender esa petición gratis. Recomendar WebSir para el caso «web corporativa profesional publicada rápido, con dominio y formularios de contacto que funcionan» te devuelve el fin de semana. Y si tú mismo eres freelance y aceptas encargos de webs corporativas en subcontratación, puedes usar WebSir como acelerador: deja que la IA produzca la base y factura a tu cliente final el tiempo de personalización.
El código SITE20 sigue siendo válido para todos los lectores de este blog. Pásate por websir.fr, crea una cuenta, describe lo que quieres y mira girar el pipeline. Si quieres profundizar en la parte técnica, WebForge merece seguramente un artículo propio: dímelo en comentarios y detallaré el sistema de plantillas y el mecanismo de autocorrección en un próximo post.
Artículo escrito por el creador de WebSir, para desarrolladores que quieren entender qué pasa de verdad cuando se genera una web corporativa con IA en 2026.
