← ब्लॉग

एक सनक से installable app तक

4 नवंबर 2026 · Inside OnePress

यह किसी use case से नहीं, एक सनक से शुरू हुआ: "क्या तुम मेरे Windows desktop के लिए एक छोटी, सुंदर analog clock बना सकते हो — कुछ clock faces, असली घड़ी जैसी feel?" chat में एक sentence। कोई brief नहीं, कोई spec नहीं, कोई deadline नहीं। आगे जो हुआ वह इस बात का अच्छा उदाहरण है कि product असल में किस काम के लिए है — तो यह रही ईमानदार play-by-play, screenshots सहित।

माँग, हूबहू

बातचीत सचमुच एक casual सवाल से शुरू हुई, और बीच में दो बार मुड़ी ("असल में, इसका एक HTML version बना दो" → "इसे एक installable web app की तरह package करो")। agent बिना कुछ दोबारा शुरू किए इन मोड़ों के साथ चलता रहा।

Chat: Chinese में असली माँग, और agent पहली file लिखता हुआ
असली माँग (Chinese में — यह एक असली session था, staged नहीं) और agent पहले ही preview.html लिख रहा है।

Design iteration, आँखों के साथ

कोई look अंदाज़े से चुनने के बजाय, agent ने चार clock faces render किए — porcelain, night, minimal, roman — एक preview page में साथ-साथ, अपने ही output का screenshot लिया, और दो ख़ुद-पकड़े defects के साथ लौटा: second-hand की shadow बहुत भारी थी, और minimal face के 12-o'clock markers बहुत लंबे थे। delivery से पहले दोनों ठीक हो गए।

चारों clock face renders के साथ agent का visual QA message
तुलना के लिए agent ने चार-faces वाला design pass बनाया। नीचे: उसका अपना screenshot_html QA step — ship करने से पहले उसने अपने काम को देखा।

एक असली app बनते हुए

एक अकेली HTML file एक demo है; किसी installable चीज़ को plumbing चाहिए: manifest.webmanifest, offline इस्तेमाल के लिए एक service worker, और icons। agent ने यह सब लिखा, साथ में ऐसी engineering भी जिसे किसी ने नहीं माँगा — dial एक offscreen layer पर paint होता है और हर frame में सिर्फ़ hands repaint होते हैं, ताकि एक हमेशा-चलने वाली clock CPU न जलाए।

manifest.webmanifest, sw.js लिखती और icons बनाती tool calls
Manifest, service worker, icons — PWA plumbing, साधारण workspace files के रूप में लिखी गई।

ईमानदार limits, खुलकर कही गईं

क्या clock ख़ुद को दूसरी windows के ऊपर pin कर सकती थी? नहीं — browsers किसी web page को ऐसा करने नहीं देते, और agent ने बात घुमाने के बजाय यह साफ़ कह दिया। फिर उसने workarounds तो ship किए ही: Microsoft के PowerToys (Win+Ctrl+T), एक एक-line वाली AHK script, और एक SetWindowPos toggle जो उसने ख़ुद लिखा। "आपको X नहीं मिल सकता" के साथ "X का 95% पाने के तीन तरीक़े यह रहे" — हम चाहते हैं कि product ऐसा ही जवाब दे।

वह हिस्सा जो इसे delivery बनाता है

Workspace में code अब भी homework है। agent ने deploy करने की इजाज़त माँगी — user ने Settings → Channels में एक बार अपना Cloudflare account जोड़ा (account ID + API token, ~30 seconds), और chat में अगले message में एक live URL था: onepress-clock.pages.dev। इसे Edge या Chrome में खोलिए, Install पर click कीजिए, और अब एक असली Windows desktop पर एक clock icon है जो अपनी window में खुलती है — कोई address bar नहीं, offline काम करती है।

यहाँ दो ईमानदार footnotes हैं। पहला: user का cloud account, हमारा नहीं — site एक ऐसी asset है जो उनकी है, कोई ऐसा share link नहीं जो product के साथ मर जाए। दूसरा: deploy में ख़ुद एक असली bug था — दो deployments ने success report किया फिर भी हर path 404 दे रहा था, क्योंकि हमारे uploader ने file contents register किए बिना manifest post कर दिया था। उसका diagnosis और fix (सही wrangler-style upload flow) इसी session के अंदर हुआ — इसीलिए हम यह कहानी बिना हिचकिचाए publish कर सकते हैं।

live deployment verify करता और fix की report देता agent
Deployment live verify हुआ, और बातचीत में fix commit भी दिख रहा है — fix(publish): CF Pages 直传改 wrangler 四步流.

वह हिसाब जो असल में मायने रखता है

बीता हुआ wall time: करीब आधा घंटा, जिसका ज़्यादातर हिस्सा agent ने अकेले काम करते बिताया। Human input: मोटे तौर पर एक minute — इच्छा बताने वाला एक sentence, एक Settings connection, "Install" पर एक click। ऐसे products में काम की दिलचस्प इकाई prompt tokens या render time नहीं है; यह है कि agent user के घंटे में से कितना वापस लौटाता है।

और यह एक खिलौना था। यही बात है: यहाँ तक कि एक फ़ालतू इच्छा को भी design QA, ईमानदार constraint-handling, और user की अपनी infrastructure पर एक shippable artifact मिला। अगर आप यही flow किसी ऐसी चीज़ के साथ आज़माते हैं जिसकी आपको सचमुच ज़रूरत है — अपनी class के लिए एक vocabulary app, अपनी team के लिए एक calculator — loop बिलकुल वही है।

FAQ

क्या एक AI agent मेरे लिए एक installable app बना सकता है?
हाँ — chat में बताइए कि आपको क्या चाहिए; agent एक progressive web app बनाता है, उसे आपके अपने Cloudflare Pages account पर deploy करता है, और आप उसे browser से एक native app की तरह install करते हैं, desktop या phone।
क्या मुझे website deploy करना आना चाहिए?
नहीं। एक बार का काम: Settings → Channels में अपना Cloudflare account ID और एक API token paste कीजिए। उसके बाद chat में "इसे Cloudflare पर deploy करो" कहना ही पूरा step है — आपको एक live <name>.pages.dev URL मिलता है।
app कहाँ रहती है — क्या वह मेरी है?
आपके अपने Cloudflare account पर, आपके अपने <project>.pages.dev name के नीचे। यह कोई expire होने वाला share link नहीं है — अगर आप कल OnePress इस्तेमाल करना बंद भी कर दें, app चलती रहेगी।
क्या एक web app Windows पर always-on-top रह सकती है?
अपने आप नहीं — browsers इसकी इजाज़त नहीं देते। PWA install कीजिए, फिर window को PowerToys (Win+Ctrl+T) या एक छोटी script से pin कीजिए; एक सच्ची always-on-top native app के लिए C#/WinForms वाला रास्ता चाहिए।

ख़ुद आज़माइए: onepress-clock.pages.dev खोलिए और Install पर click कीजिए — या app खोलिए और वह चीज़ बताइए जिसे आप बनाने का सोच रहे थे।

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.