← Blog

De un capricho a una app instalable

4 de noviembre de 2026 · Dentro de OnePress

Esto empezó como un capricho, no como un caso de uso: "¿puedes hacer un reloj analógico pequeño y bonito para mi escritorio de Windows — con varias esferas, que se sienta como un reloj de verdad?" Una frase en el chat. Sin brief, sin spec, sin deadline. Lo que pasó después es un buen ejemplo de para qué sirve realmente el producto — aquí va el relato honesto, capturas incluidas.

La petición, textual

La conversación empezó literalmente con una pregunta casual, y pivotó dos veces sobre la marcha ("en realidad, haz una versión HTML" → "empaquétalo como una web app instalable"). El agente siguió los giros sin reiniciar nada.

Chat: la petición original en chino y el agente escribiendo el primer archivo
La petición original (en chino — fue una sesión real, no montada) y el agente ya escribiendo preview.html.

Iteración de diseño, con ojos

En lugar de adivinar un estilo, el agente renderizó cuatro esferas — porcelana, noche, minimal, romana — lado a lado en una página de vista previa, capturó en pantalla su propio resultado y volvió con dos defectos detectados por sí mismo: la sombra del segundero era demasiado pesada y los marcadores de las 12 de la esfera minimal eran demasiado largos. Ambos se corrigieron antes de la entrega.

Mensaje de QA visual del agente con los renders de las cuatro esferas
La pasada de diseño con las cuatro esferas que hizo el agente para comparar. Debajo: su propio paso de QA con screenshot_html — miró su trabajo antes de entregarlo.

Convertirse en una app de verdad

Un solo archivo HTML es una demo; algo instalable necesita la fontanería: manifest.webmanifest, un service worker para uso offline e iconos. El agente lo escribió todo, más ingeniería que nadie pidió — la esfera se pinta en una capa fuera de pantalla y solo las manecillas se repintan en cada frame, así que un reloj siempre activo no quema CPU.

Llamadas de herramienta escribiendo manifest.webmanifest, sw.js y generando iconos
Manifiesto, service worker, iconos — la fontanería PWA, escrita como archivos normales del workspace.

Límites honestos, dichos en voz alta

¿Podía el reloj fijarse por encima de otras ventanas? No — los navegadores no permiten que una página web haga eso, y el agente lo dijo claramente en lugar de hacerse el loco. Y aun así entregó las alternativas: PowerToys de Microsoft (Win+Ctrl+T), un script AHK de una línea y un toggle con SetWindowPos que escribió él mismo. "No puedes tener X" más "aquí hay tres formas de conseguir el 95% de X" es el tipo de respuesta que queremos que dé el producto.

La parte que lo convierte en una entrega

Código en un workspace todavía es tarea para casa. El agente pidió desplegar — el usuario conectó su cuenta de Cloudflare una vez en Settings → Channels (ID de cuenta + API token, ~30 segundos), y el siguiente mensaje del chat contenía una URL en vivo: onepress-clock.pages.dev. Ábrela en Edge o Chrome, haz clic en Instalar, y ahora hay un icono de reloj en un escritorio de Windows real que se lanza en su propia ventana — sin barra de direcciones, funciona offline.

Dos notas honestas al pie. Primera: la cuenta en la nube del usuario, no la nuestra — el sitio es un activo que le pertenece, no un enlace para compartir que muere con el producto. Segunda: el propio despliegue tuvo un bug real — dos despliegues reportaron success y sin embargo todas las rutas devolvían 404, porque nuestro uploader enviaba el manifiesto sin registrar antes el contenido de los archivos. Eso se diagnosticó y corrigió (un flujo de subida estilo wrangler bien hecho) dentro de esta misma sesión, y por eso podemos publicar esta historia sin rubor.

El agente verificando el despliegue en vivo y reportando la corrección
Despliegue verificado en vivo, y el commit de la corrección visible en la conversación — fix(publish): CF Pages 直传改 wrangler 四步流.

Las cuentas que de verdad importan

Tiempo total de reloj: cerca de media hora, la mayor parte con el agente trabajando solo. Intervención humana: aproximadamente un minuto — una frase describiendo el deseo, una conexión en Settings, un clic en "Instalar". La unidad de trabajo interesante en productos así no son los tokens del prompt ni el tiempo de render; es cuánto de la hora del usuario le devuelve el agente.

Y era un juguete. Ese es el punto: incluso un deseo desechable recibió QA de diseño, manejo honesto de restricciones y un artefacto publicable en infraestructura que el usuario posee. Si pruebas el mismo flujo con algo que de verdad necesitas — una app de vocabulario para tu clase, una calculadora para tu equipo — el ciclo es idéntico.

Preguntas frecuentes

¿Puede un agente de IA crearme una app instalable?
Sí — describe lo que quieres en el chat; el agente construye una progressive web app, la despliega en tu propia cuenta de Cloudflare Pages y la instalas desde el navegador como una app nativa, en escritorio o teléfono.
¿Necesito saber desplegar un sitio web?
No. Solo una vez: pega el ID de tu cuenta de Cloudflare y un API token en Settings → Channels. Después, "despliega esto en Cloudflare" en el chat es todo el paso — recibes una URL <name>.pages.dev en vivo.
¿Dónde vive la app — es tuya?
En tu propia cuenta de Cloudflare, bajo tu propio nombre <project>.pages.dev. No es un enlace para compartir que expira — si mañana dejas de usar OnePress, la app sigue en línea.
¿Puede una web app mantenerse siempre visible en Windows?
No por sí sola — los navegadores lo prohíben. Instala la PWA y luego fija la ventana con PowerToys (Win+Ctrl+T) o un pequeño script; una app nativa siempre visible de verdad requiere la ruta de C#/WinForms.

Pruébalo tú: abre onepress-clock.pages.dev y haz clic en Instalar — o abre la app y describe eso que llevas tiempo queriendo hacer.

Inside OnePress — the build log

More posts like this, plus the weekly AI digest, straight to your inbox.

Get the build log in your inbox →

Reading this and have thoughts?

Spot a mistake, disagree, or want a follow-up? Tell us — a human reads it.