Mis más recientes experimentaciones haciendo sitios web y apps con Grok me hizo pensar en la tremenda evolución de lo que se popularizó como “vibe coding”, que no es otra cosa que programar sin más código que instrucciones escritas o verbales.
Desde hace un tiempo Grok cuenta con una función específica diseñada para la creación y publicación de aplicaciones web y sitios interactivos. Esta herramienta, disponible a través del plan de pago conocido como SuperGrok, permite estructurar y programar sitios funcionales de manera automatizada.
Esto es algo que ya hacían ChatGPT, Claude, Manus y Kimi, entre otros, pero me parece que hacer apps con Grok está a un nivel un poco superior actualmente, o igual al mejor de los anteriores, como mínimo.
Por eso me pareció pertinente hacer un tutorial en video (compartido al final de este texto), y sintetizar también aquí el paso a paso, como acostumbro hacer, pensando en quienes prefieren leer a ver un video.
Paso a paso para hacer apps con Grok que queden disponibles en Internet
El proceso de creación de webs y apps con Grok se inicia en la interfaz principal de la plataforma, donde el usuario debe seleccionar la opción de construcción o “Build” antes de ingresar su requerimiento.
Al introducir el prompt, el sistema procesa la solicitud para generar el código base, el diseño visual y la lógica de funcionamiento, lo cual puede tomar desde unos pocos minutos hasta sesiones más extensas dependiendo de los detalles solicitados.
El desarrollo de los aplicativos opera de manera iterativa. Tras la entrega de una primera versión funcional en la pantalla, el usuario puede redactar nuevas instrucciones para corregir errores ortográficos, modificar aspectos visuales o solicitar la incorporación de herramientas adicionales. El modelo ajusta la programación existente para integrar estos requerimientos de forma secuencial.
Una vez que el proyecto se encuentra operativo en el entorno de previsualización, la plataforma provee un botón para publicar el sitio web de manera inmediata.
Para las actualizaciones posteriores del código, el usuario debe presionar de forma manual la opción de publicar los cambios; de no hacerlo, las modificaciones permanecerán únicamente en la versión de demostración y no en la página publicada.
Un ejemplo de aplicación generada con este método es una caja de ritmos digital (ver video más abajo), similar a las máquinas MPC. Este aplicativo web incluye una interfaz con botones para distintos sonidos, control de intensidades, un sistema para programar secuencias rítmicas y una herramienta para grabar el audio resultante, permitiendo su posterior descarga en formatos como MP3 o WAV.
Otro ejemplo desarrollado mediante esta herramienta es el sitio web interactivo “Tres edades” (también en el video). Esta página funciona como una galería que agrupa a 40 figuras públicas reconocidas, como Diego Maradona, Michael Jackson, Michael Jordan y Angelina Jolie, exhibiendo tres fotografías correspondientes a distintas etapas biológicas y cronológicas de cada personaje.
En la programación de esta galería visual, la Inteligencia Artificial gestionó tanto la redacción del código de la interfaz como la búsqueda autónoma de las imágenes requeridas.
El resultado incluye un motor de búsqueda interno, alineación de las fotografías recopiladas y la implementación de ventanas emergentes para visualizar los retratos sin salir de la vista principal.
Para revisar con mayor detalle el funcionamiento de esta herramienta de construcción web, observar la manera en que se procesan las instrucciones y ver directamente el resultado interactivo de las tres aplicaciones mencionadas, te invito a ver el video que hice al respecto para mi canal de YouTube.
