← Blog

De um capricho a um app instalável

4 de novembro de 2026 · Dentro do OnePress

Isso começou como um capricho, não como um caso de uso: "dá para fazer um relógio analógico pequeno e bonito para o meu desktop Windows — alguns mostradores, com cara de relógio de verdade?" Uma frase no chat. Sem briefing, sem spec, sem prazo. O que aconteceu em seguida é um bom exemplo do propósito real do produto — então aqui vai o relato honesto, com screenshots.

O pedido, palavra por palavra

A conversa começou literalmente com uma pergunta casual e mudou de direção duas vezes no meio do caminho ("na verdade, faz uma versão em HTML" → "empacota como um web app instalável"). O agente acompanhou as mudanças sem reiniciar nada.

Chat: o pedido original em chinês e o agente escrevendo o primeiro arquivo
O pedido original (em chinês — foi uma sessão real, não encenada) e o agente já escrevendo o preview.html.

Iteração de design, com olhos

Em vez de chutar um visual, o agente renderizou quatro mostradores — porcelain, night, minimal, roman — lado a lado numa página de preview, tirou screenshot da própria saída e voltou com dois defeitos flagrados por ele mesmo: a sombra do ponteiro dos segundos estava pesada demais, e os marcadores de 12 horas do mostrador minimal estavam longos demais. Os dois foram corrigidos antes da entrega.

Mensagem de QA visual do agente com os quatro mostradores renderizados
A rodada de design com os quatro mostradores que o agente fez para comparação. Abaixo: sua própria etapa de QA com screenshot_html — ele olhou o próprio trabalho antes de entregar.

Virando um app de verdade

Um único arquivo HTML é uma demo; algo instalável precisa da infraestrutura: manifest.webmanifest, um service worker para uso offline e ícones. O agente escreveu tudo isso, mais engenharia que ninguém pediu — o mostrador é pintado numa camada offscreen e só os ponteiros são redesenhados a cada frame, então um relógio sempre ligado não queima CPU.

Chamadas de ferramenta escrevendo manifest.webmanifest, sw.js e gerando ícones
Manifest, service worker, ícones — a infraestrutura do PWA, escrita como arquivos comuns do workspace.

Limites honestos, ditos em voz alta

O relógio conseguiria se fixar acima das outras janelas? Não — os navegadores não deixam uma página web fazer isso, e o agente disse isso claramente em vez de enrolar. Ainda assim ele entregou as alternativas: o PowerToys da Microsoft (Win+Ctrl+T), um script AHK de uma linha e um toggle de SetWindowPos que ele mesmo escreveu. "Você não pode ter X" mais "aqui vão três jeitos de chegar a 95% de X" é o tipo de resposta que queremos que o produto dê.

A parte que faz disso uma entrega

Código num workspace ainda é lição de casa. O agente pediu para fazer deploy — o usuário conectou a própria conta Cloudflare uma vez em Settings → Channels (account ID + API token, ~30 segundos), e a mensagem seguinte no chat continha uma URL no ar: onepress-clock.pages.dev. Abra no Edge ou no Chrome, clique em Install, e agora há um ícone de relógio num desktop Windows de verdade que abre na própria janela — sem barra de endereço, funciona offline.

Duas notas honestas aqui. Primeira: a conta de nuvem é do usuário, não nossa — o site é um ativo que ele possui, não um link de compartilhamento que morre com o produto. Segunda: o próprio deploy teve um bug real — dois deployments reportaram success mas todo caminho retornava 404, porque o nosso uploader postou o manifest sem registrar o conteúdo dos arquivos antes. Isso foi diagnosticado e corrigido (fluxo de upload adequado, no estilo wrangler) dentro dessa mesma sessão — e é por isso que podemos publicar essa história sem pestanejar.

Agente verificando o deploy no ar e reportando a correção
Deploy verificado no ar, e o commit da correção visível na conversa — fix(publish): CF Pages 直传改 wrangler 四步流.

A conta que realmente importa

Tempo total de relógio: cerca de meia hora, a maior parte com o agente trabalhando sozinho. Entrada humana: mais ou menos um minuto — uma frase descrevendo o desejo, uma conexão em Settings, um clique em "Install". A unidade de trabalho interessante em produtos assim não é tokens de prompt nem tempo de render; é quanto da hora do usuário o agente devolve.

E era um brinquedo. Essa é a questão: até um desejo descartável recebeu QA de design, tratamento honesto das restrições e um artefato entregável em infraestrutura do próprio usuário. Se você tentar o mesmo fluxo com algo de que realmente precisa — um app de vocabulário para a sua turma, uma calculadora para a sua equipe — o ciclo é idêntico.

FAQ

Um agente de IA pode criar um app instalável para mim?
Sim — descreva o que você quer no chat; o agente constrói um progressive web app, faz o deploy na sua própria conta do Cloudflare Pages, e você instala pelo navegador como um app nativo, desktop ou celular.
Preciso saber fazer deploy de um site?
Não. Uma vez só: cole o account ID da sua conta Cloudflare e um API token em Settings → Channels. Depois disso, "faça o deploy disso no Cloudflare" no chat é o passo inteiro — você recebe uma URL <name>.pages.dev no ar.
Onde o app fica — ele é meu?
Na sua própria conta Cloudflare, sob o seu próprio nome <project>.pages.dev. Não é um link de compartilhamento que expira — se você parar de usar o OnePress amanhã, o app continua no ar.
Um web app consegue ficar always-on-top no Windows?
Não sozinho — os navegadores proíbem. Instale o PWA e fixe a janela com o PowerToys (Win+Ctrl+T) ou um pequeno script; um app nativo always-on-top de verdade exige a rota C#/WinForms.

Tente você mesmo: abra onepress-clock.pages.dev e clique em Install — ou abra o app e descreva aquilo que você vinha querendo criar.

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.