DIY: App Móviles

Aplicación web progresiva que implementa la técnica Pomodoro con ciclos personalizables de trabajo y descanso, funcionando en cualquier dispositivo con un navegador.

Una mano sujeta un smartphone y en su pantalla se ve un temporizador redondo con fondo rojo.
Una mano sujeta un smartphone y en su pantalla se ve un temporizador redondo con fondo rojo.

Crea tu propia app móvil con IA sin escribir ni una línea de código

¿Recuerdas cuando "hacer una aplicación" significaba meses de cursillo, tutoriales de YouTube a las dos de la mañana y la sensación de que aquello era territorio exclusivo de una casta de elegidos con sudadera gris y tres monitores? Yo sí. Por eso cuando el otro día construí y publiqué una app funcional en unos diez minutos, mi primera reacción no fue de euforia sino de una especie de vértigo. ¿Es que ya no queda ningún misterio?

Te cuento exactamente lo que pasó, paso a paso, sin adornos.

Llevaba tiempo con una deuda pendiente en la sección DIY de Curiosidad Artificial: construir varias aplicaciones web progresivas, las conocidas como PWA. Una PWA es básicamente una página web que se comporta como una app nativa en tu móvil: puedes instalarla en la pantalla de inicio, funciona sin conexión y tiene su propio icono. Lo mejor es que no necesitas pasar por las tiendas de Google o Apple para publicarla. Suena técnico, pero es justo el tipo de cosa que la IA ha convertido en un trámite de tarde de domingo.

La primera app que decidí construir fue un temporizador Pomodoro. Si no conoces la técnica, es sencilla: trabajas 25 minutos en modo concentración total, descansas 5, y cada cuatro ciclos te tomas un descanso más largo. Hay mil apps de este tipo en el mercado, pero la gracia aquí no era el resultado sino el proceso. Quería ver hasta dónde habían llegado las herramientas.

El paso que nadie esperaría: pedirle a Claude que haga los deberes primero

Antes de tocar ninguna plataforma de desarrollo, abrí Claude y le pedí que generara un documento de especificaciones técnicas de la aplicación. Le describí la idea en lenguaje llano: una aplicación web progresiva con ciclos personalizables de trabajo y descanso, que funcionara en cualquier dispositivo con un navegador. Además, le adjunté una imagen de referencia visual, el mismo que había utilizado ya en su día anunciando este artículo (el que está en la cabecera de esta página)

Claude devolvió en segundos un documento ordenado con los requisitos funcionales, las pantallas necesarias, los comportamientos esperados y los detalles técnicos que cualquier desarrollador necesitaría para empezar. Yo no lo voy a usar para programar nada, claro, pero ese documento va a ser el mapa que le entregue a la herramienta de construcción. Piénsalo como el plano de un arquitecto: sin él, el albañil improvisa y el resultado es impredecible.

Lovable: el albañil que construye mientras tú tomas el café

La herramienta que usé para construir la app se llama Lovable. Es una plataforma que genera aplicaciones web completas a partir de instrucciones en lenguaje natural, con interfaz visual, código real por debajo y opción de publicación incluida. No es la única que hace esto, pero es la que yo tenía a mano y con la que he obtenido buenos resultados.

Subí el documento de especificaciones que había generado Claude, adjunté también la imagen de referencia del diseño, y escribí algo tan simple como esto: "Te dejo un documento de especificación y una imagen de referencia del diseño web para que construyas una aplicación web progresiva que funcione en dispositivos móviles."

Dos o tres minutos después, la app aparecía en la ventana de previsualización.

No un boceto. No un esquema. Una aplicación funcionando, con su temporizador, sus ciclos configurables, su diseño visual y su comportamiento móvil. Lista para usar.

Publicar: el paso más corto de toda la historia del software

El último paso fue hacer clic en el botón de publicar. Lovable genera una URL pública automáticamente y la app ya está disponible para cualquier persona con un navegador, en cualquier dispositivo. Sin servidores que configurar, sin dominios que comprar, sin despliegues manuales.

El proceso completo, desde que abrí Claude hasta que tuve la URL de la app publicada, no superó los diez minutos. Y eso incluyendo el tiempo de leer el documento que generó Claude y el de escribir el prompt en Lovable.

El momento de la honestidad: ¿todo perfecto?

No, y me parece importante decirlo. La app tiene algún icono de más y el tiempo no va fino cuando el navegador pierde el foco, empieza a contar más despacio. Por ello, le dices a Lovable que lo corrija y tienes listos los cambios en segundos. Tampoco esperes que una PWA generada así sea el producto final de una startup. Es una herramienta personal, funcional, útil. No está optimizada al milímetro ni ha pasado por pruebas de rendimiento. Pero para el 90% de las cosas que un usuario sin conocimientos técnicos quiere construir para su propio uso, funciona de maravilla. Te dejo aquí el enlace para que la pruebes tu mismo: Abrir Tomodoro.

Captura de imagen de la app Tomodoro creada y publicada con Lovable.Captura de imagen de la app Tomodoro creada y publicada con Lovable.

Y aquí está la reflexión que me dejó todo esto: cuando empecé la sección DIY de Curiosidad Artificial, construir una pequeña aplicación con ayuda de la IA era un reto real. Había que entender algo de código, instalar entornos, seguir pasos con cuidado. Ahora parece más una receta de croquetas que ingeniería de software. Describes qué quieres, adjuntas una imagen de cómo debería verse y en el tiempo que tardas en hacerte un café tienes algo publicado y accesible desde el móvil de cualquier persona.

No sé si eso da un poco de vértigo o mucha esperanza. Probablemente las dos cosas a la vez.

Los pasos, resumidos por si quieres probarlo tú

Primero, describe tu idea en Claude o cualquier IA generativa y pídele que cree un documento de especificaciones técnicas. Adjunta una imagen de referencia si tienes alguna o hazla a mano en una servilleta y dale la foto hecha con tu propio móvil. Segundo, abre Lovable, sube el documento y la imagen, y dile en una frase lo que quieres construir. Tercero, espera dos o tres minutos, revisa el resultado en la previsualización y pulsa publicar.

Eso es todo.

Si tienes una idea rondándote la cabeza desde hace tiempo, una herramienta que siempre quisiste tener pero nunca supiste cómo construir, este fin de semana puede ser un buen momento para probar. No necesitas saber programar. Necesitas saber qué quieres.

Y eso, afortunadamente, sigue siendo territorio exclusivamente humano.