Vibe coding: crear una web conversando con la IA es rápido, pero no está exento de riesgos

Vibe coding es la creación de programas y sitios web mediante instrucciones en lenguaje corriente dirigidas a una inteligencia artificial. El usuario describe cómo debe ser la web y qué funciones debe tener, y un sistema basado en grandes modelos de lenguaje (LLM) genera código en HTML, CSS y JavaScript.

El término empezó como una palabra de moda, pero poco a poco se ha convertido en una categoría propia de herramientas de software. Hoy hay tantas plataformas de IA que ofrecen funciones de vibe coding que ya cuesta verlas como una rareza tecnológica. Eso sí, estos servicios no son un botón mágico: normalmente hay que retocar la web generada, alojarla y comprobar que no tenga errores.

Por su funcionamiento, el vibe coding se parece más a las herramientas no-code y a los constructores visuales que al desarrollo tradicional. El usuario no escribe a mano cada línea, pero sigue siendo responsable de definir la tarea, revisar el resultado y publicar la versión final. Tras generar la web, se pueden exportar los archivos de origen al servidor elegido, registrar un dominio y ponerla en marcha en unos minutos, siempre que no aparezcan problemas.

Las plataformas son distintas. Los constructores full-stack crean la interfaz, el servidor, la base de datos y, a veces, el alojamiento a partir de una sola instrucción. Sirven para crear sitios web y aplicaciones web completas con cuentas, formularios y almacenamiento de datos. Los generadores de interfaces crean páginas y componentes visuales, como páginas de aterrizaje y prototipos. Las plataformas universales reúnen en una sola suscripción la generación de código, el dominio, el alojamiento y el correo electrónico. Los asistentes de IA para programadores funcionan dentro del editor de código y resultan útiles para quienes ya saben desenvolverse con el código fuente.

Para un primer proyecto, lo más sencillo es elegir un constructor full-stack o una plataforma universal. Aun así, el trabajo suele constar de varias etapas.

Primero, redacta una instrucción detallada. Describe el propósito de la web, las páginas necesarias —inicio, «Sobre la empresa», contacto, servicios—, el estilo, los colores y las tipografías de la marca. Cuanto más precisa sea la petición, menos correcciones harán falta después.

A continuación, revisa la estructura. Antes de ajustar el aspecto, comprueba que las páginas y el menú se correspondan con el recorrido real de los visitantes. Si falta, por ejemplo, una página con los precios o un formulario de reserva, pide que la añadan con otra instrucción.

Después, retoca el diseño. Ajusta los colores, los espacios, las tipografías, la posición de las imágenes y el aspecto de los botones. Si hay un editor visual, los pequeños cambios se hacen más fácilmente con clics. Conviene subir el logotipo y los materiales de marca de antemano para evitar que el sistema deje elementos genéricos en su lugar.

Si el contenido va a actualizarse con frecuencia, conecta un CMS, es decir, un sistema de gestión de contenidos. Permitirá editar artículos y noticias sin tener que volver a redactar instrucciones ni reescribir código. Para una web estática pequeña, este paso no hace falta.

Para vender, necesitarás un catálogo de productos, una cesta, el proceso de pago y un servicio de pago. Antes del lanzamiento, hay que probar personalmente todo el proceso de compra, incluido un pago rechazado y el correo de confirmación. Lo habitual es conectar los sistemas de pago mediante integraciones ya preparadas.

En la fase final, conecta el dominio y comprueba que funciona SSL, el certificado que cifra la conexión entre el navegador y la web. Algunos servicios lo hacen automáticamente; otros exigen cambiar manualmente los registros DNS. Una vez publicada, revisa todas las páginas y enlaces: algunos elementos pueden mostrarse de otra manera fuera del modo de vista previa.

La principal desventaja de la rapidez es la seguridad. Los investigadores han detectado en repetidas ocasiones vulnerabilidades en aplicaciones creadas con IA, como claves de acceso expuestas y falta de autenticación donde es necesaria. El código generado debe tratarse como un borrador, sobre todo si la web maneja datos de clientes, acceso a cuentas o pagos.

No incluyas contraseñas, claves de API ni tokens en las instrucciones. El chat y el código generado automáticamente no son un lugar seguro para guardar secretos. Si no sabes leer el código fuente, pide a un especialista que revise el proyecto antes de recopilar datos reales de clientes. Una vista previa atractiva tampoco garantiza nada: ya se han encontrado miles de sitios publicados con IA en los que seguían siendo accesibles páginas destinadas a usuarios autenticados. Hay que probar los formularios, las cuentas y los pagos como si quien examinara la web fuera un atacante y no su propietario, que seguro que es de fiar.