मैंने Quads, एक मोबाइल बोर्ड गेम, Claude के साथ कैसे बनाया — एक 2-घंटे के हैकाथॉन से App Store तक

विषय-सूची

जुलाई 2026 में अपडेट किया गया।

संक्षेप में: Quads एक मोबाइल बोर्ड गेम है — क्लासिक अमूर्त खेल Quarto का एक साफ़-सुथरा रूप — जिसकी शुरुआत Colombia में एक दोस्त के साथ 2-घंटे के हैकाथॉन के रूप में हुई और जो ऐप स्टोर तक पहुँचा। यह Claude के साथ मेरे बनाने के तरीके का पूरी तरह खुला संस्करण है: समानांतर एजेंट worktrees, एक असली (गैर-LLM) गेम AI, ऑफ़लाइन-फ़र्स्ट डिज़ाइन, और वे खास अड़चनें जिन्होंने मेरे घंटे खर्च कराए।

[ऑपरेटर का नज़रिया] मैं एक कंसल्टिंग ब्रांड और Pickleland — Austin महानगर में मेरी पिकलबॉल सुविधा — में 30 से अधिक प्रोडक्शन एजेंट चलाता हूँ। मैं जो कुछ बनाता हूँ उसका ज़्यादातर गंभीर बिज़नेस सॉफ़्टवेयर है जहाँ मैं रणनीति निजी रखता हूँ। Quads इसके उलट है — एक मज़ेदार साइड प्रोजेक्ट जिसे मैं आपको ऊपर से नीचे तक दिखा सकता हूँ। अगर आप ठीक-ठीक देखना चाहते हैं कि मैं Claude के साथ कैसे काम करता हूँ, बिना कुछ भी घिसे-चमकाए, तो यही वह पोस्ट है। आप गेम को playquads.com पर पा सकते हैं।

इसकी शुरुआत Colombia में एक 2-घंटे के हैकाथॉन के रूप में हुई

इसकी शुरुआत लगभग शर्मनाक हद तक अनौपचारिक है। मैं Colombia की यात्रा पर था, और मैंने और एक दोस्त ने खुद को एक 2-घंटे का हैकाथॉन दिया: कुछ छोटा चुनो, उसे AI के साथ बनाओ, देखो कितनी दूर पहुँचते हैं। हम Quarto पर आ पहुँचे — एक सुंदर सा छोटा अमूर्त रणनीति खेल जो सीखने में आसान है और आश्चर्यजनक रूप से गहरा। दो घंटे बाद हमारे पास एक खेलने लायक प्रोटोटाइप था, और आइडिया इतना अच्छा था कि उसे एक लैपटॉप पर छोड़ा नहीं जा सकता था।

जो एक समयबद्ध चुनौती के रूप में शुरू हुआ, वह iOS और Android पर एक असली, शिप किए गए मोबाइल ऐप में बदल गया। वही चाप — मज़ाकिया प्रोटोटाइप से स्टोर लिस्टिंग तक — पूरी वजह है कि मुझे लगता है यह प्रोजेक्ट लिखने लायक है। “मज़ेदार आइडिया” और “ऐसी चीज़ जिसे अजनबी डाउनलोड कर सकें” के बीच की दूरी सिमट गई है, और Quads इस बात का एक साफ़-सुथरा केस स्टडी है कि कैसे।

पहले, नाम पर एक छोटा-सा घुमाव। यह गेम Quarto का एक फिर से किया गया इम्प्लीमेंटेशन है, जो Gigamic के स्वामित्व वाला एक ट्रेडमार्क किया गया खेल है। तो सबसे पहला गैर-कोड निर्णय यह था कि इसे कहीं भी ऐसी जगह Quarto न कहा जाए जहाँ कोई ग्राहक देखे। यह Quarto (मैकेनिक) से कुछ बीच के नामों से होते हुए Quads तक पहुँचा — एक ऐसा नाम जो इस्तेमाल करने के लिए मेरा अपना है। अगर आप किसी क्लासिक को फिर से इम्प्लीमेंट कर रहे हैं, तो किसी नाम से प्यार में पड़ने से पहले ट्रेडमार्क का सवाल सुलझा लीजिए।

Quads असल में क्या है

अनजान लोगों के लिए: Quads एक 4×4 बोर्ड पर 16 अनूठे मोहरों के साथ खेला जाता है। हर मोहरे के चार द्विआधारी गुण होते हैं — लंबा या नाटा, गहरा या हल्का, चौकोर या गोल, ठोस या खोखला — और 16 मोहरे हर संभव संयोजन को ठीक एक-एक बार कवर करते हैं। आप चार मोहरों की एक पंक्ति पूरी करके जीतते हैं जो किसी एक गुण को साझा करते हों।

वह पेच जो इसे शानदार बनाता है: आप वह मोहरा नहीं चुनते जो आप रखते हैं। आपका प्रतिद्वंद्वी आपको वह थमाता है। फिर आप उसे उसका थमाते हैं। तो हर बारी एक दोहरा बंधन है — आप उस मोहरे को रखने की कोशिश कर रहे हैं जो आपको दिया गया, बिना किसी जीत का इंतज़ाम किए, जबकि देने के लिए एक ऐसा मोहरा चुन रहे हैं जो आपके प्रतिद्वंद्वी को खेल न थमा दे। यह सुंदर और सचमुच कठिन है।

ऐप खेलने के चार तरीके देता है, सभी पूरी तरह ऑफ़लाइन: कंप्यूटर के ख़िलाफ़ पाँच कठिनाई स्तरों में, एक ही डिवाइस पर पास-एंड-प्ले, एक दैनिक पहेली, और एक अतुल्यकालिक “किसी दोस्त को चुनौती दो” मोड। कोई अकाउंट नहीं, कोई सर्वर नहीं, कोई लॉगिन नहीं। उस ऑफ़लाइन-फ़र्स्ट निर्णय ने काफ़ी सारी इंजीनियरिंग को दिशा दी, और यह एक बड़ी वजह है कि एक अकेले बिल्ड का करना संभव था।

गेम लॉजिक: एक पूरा नियम-समूह जो बिट गणित से निकल आता है

यह मेरा पसंदीदा हिस्सा है, क्योंकि यह उस तरह की चीज़ है जो संतोषजनक है चाहे इसे AI ने लिखा हो या नहीं।

16 में से हर मोहरा बस 0 से 15 तक का एक पूर्णांक है। चार बिट्स में से हर बिट एक गुण है। बस इतना ही — पूरा मोहरा-समूह 0–15 तक की संख्याएँ हैं, क्योंकि चार बिट्स आपको ठीक 16 संयोजन देते हैं।

तब जीत का पता लगाना लगभग तुच्छ हो जाता है। चार मोहरों की किसी भी पंक्ति के लिए, आप दो चलते हुए संचायक रखते हैं: वे बिट्स जो हर मोहरे में 1 हैं, और वे बिट्स जो हर मोहरे में 0 हैं। अगर चारों के बाद कोई भी संचायक शून्येतर है, तो मोहरे कम-से-कम एक गुण पर सहमत हैं — वह एक जीत है। पूरा नियम-समूह कुछ बिटवाइज़ AND में सिमट जाता है।

क्योंकि लॉजिक पूर्णांकों पर शुद्ध फ़ंक्शन है — कोई फ़्रेमवर्क नहीं, कोई UI नहीं, कोई स्टेट नहीं — यह सीधे यूनिट-टेस्टेबल है, और इसे बढ़ाना बहुत आसान है। Quads एक घर-नियम वाला रूप भी देता है जहाँ नौ 2×2 वर्ग भी जीतने वाली आकृतियाँ गिने जाते हैं, जो उसी बिट तरकीब के ऊपर दो-पंक्ति का जोड़ है। जब आप और एक AI पार्टनर मूल लॉजिक को इतना साफ़ रखते हैं, तो कोई फ़ीचर जोड़ना जोखिम के बजाय एक आनंद बन जाता है।

AI प्रतिद्वंद्वी एक LLM नहीं है (और यही सही फ़ैसला है)

यहाँ एक सिखाने वाला पल है जिसकी मुझे परवाह है: हर “AI” को एक बड़ा भाषा मॉडल नहीं होना चाहिए।

Quads का प्रतिद्वंद्वी शुद्ध शास्त्रीय गेम AI है, और उसे होना ही चाहिए। हर बारी पर यह दो निर्णय लेता है — जो मोहरा उसे थमाया गया उसे कहाँ रखे, और कौन-सा मोहरा वापस थमाए — और कठिनाई इस बात को मापती है कि यह कितनी कड़ाई से सोचता है:

• Rookie मूलतः बेतरतीब खेलता है और आपको जीत थमा देगा।
• बीच के स्तर अनुमान-नियम जोड़ते हैं: अगर कोई तत्काल जीत मौजूद हो तो उसे ले लो, और ऐसा मोहरा देने से बचो जिससे प्रतिद्वंद्वी जीत सके, बल्कि उस मोहरे को तरजीह दो जो सबसे कम भविष्य के खतरों को हथियार देता है।
• Master और Grandmaster एक बंधे हुए negamax खोज को चलाते हैं — असली गेम-ट्री खोज — पर एक कड़ी नोड बजट के साथ ताकि कोई चाल फ़ोन के मुख्य थ्रेड को कभी लटका न सके। खेल के शुरू में, जहाँ पूर्ण खोज असाध्य है, यह तेज़ अनुमान-नियमों पर लौट आता है; खेल के अंत में, जहाँ ट्री काफ़ी छोटा है, यह सचमुच खोज करता है।

इससे चुराने लायक दो बातें। पहली, एक भाषा मॉडल यहाँ बदतर होता — धीमा, ज़्यादा महँगा, अनिश्चित, और हराया जाने लायक — पचास पंक्तियों के negamax की तुलना में। समस्या से टूल का मिलान करें। दूसरी, नोड बजट ही असली इंजीनियरिंग है: एक मोबाइल डिवाइस पर, “सही पर कभी-कभी चार सेकंड के लिए लटकने वाला” एक विफल फ़ीचर है। खोज को इतना बाँधना कि कोई चाल हमेशा तेज़ हो, भले ही कभी-कभी सर्वोत्तम न हो, एक खिलौने और एक उत्पाद के बीच का फ़र्क है। यह जानना कि कब किसी LLM की ओर हाथ बढ़ाना है, वही निर्णय है जो मैं हर ऑटोमेशन पर लगाता हूँ — यह मैं कैसे तय करता हूँ कि कोई AI बिल्ड करने लायक है या नहीं का मूल है।

मैं असल में Claude को कैसे चलाता हूँ: worktrees में समानांतर एजेंट

अब वह हिस्सा जिसे मैं अपने बड़े उत्पादों पर निजी रखता हूँ पर यहाँ आपको पूरी तरह दिखा सकता हूँ।

मैं एक बार में एक Claude सत्र के साथ नहीं बनाता। मैं कई को समानांतर चलाता हूँ, हर एक अपने खुद के git worktree में अपनी खुद की ब्रांच पर। एक एजेंट अंतर्राष्ट्रीयकरण जोड़ता है, दूसरा दैनिक-पहेली सिस्टम बनाता है, एक और कलरब्लाइंड मोड बनाता है, एक और ध्वनि को जोड़ता है — हर एक अपनी खुद की कार्यशील प्रति में अलग-थलग ताकि वे एक-दूसरे को न मिटा सकें, और हर एक हरा होने पर वापस मर्ज हो जाता है। Quads का git इतिहास Merge branch 'worktree-agent-…' कमिट्स की एक दीवार है, जो बाहर से ठीक वैसा ही दिखता है जैसा वह वर्कफ़्लो होता है।

worktrees के मायने रखने की वजह सरल है: एक ही कार्यशील डायरेक्टरी को संपादित करने वाले समानांतर एजेंट तुरंत एक-दूसरे पर पैर रख देते हैं। हर एक को एक अलग-थलग चेकआउट दीजिए और आप सचमुच एक साथ चार फ़ीचर निर्माणाधीन रख सकते हैं, फिर उन्हें किसी भी अन्य ब्रांच की तरह मर्ज कर सकते हैं। यह मेरे काम करने के तरीके में सबसे ज़्यादा ताकत देने वाला अकेला बदलाव है — मैं एक बातचीत, एक फ़ीचर से बढ़कर एक छोटे बेड़े तक पहुँच गया।

अगर आप उन प्रॉम्प्ट्स के पीछे का अनुशासन चाहते हैं जिन पर वे एजेंट चलते हैं, तो यह वही है जिसका वर्णन मैं प्रोडक्शन में विफल न होने वाले AI एजेंट सिस्टम प्रॉम्प्ट कैसे लिखें में करता हूँ: ताकत साफ़, अद्यतन विनिर्देशों में है, चतुर शब्दावली में नहीं।

वह अड़चन जिसने मेरा एक घंटा खर्च कराया (ताकि यह आपका न कराए)

हर प्रोजेक्ट आपको एक बेवकूफ़ाना, महँगा सबक सिखाता है। Quads पर यह था: प्रीव्यू टूल हमेशा वह ब्रांच नहीं दिखाता जो आपको लगता है कि वह दिखा रहा है।

जब आप कई एजेंट को कई worktrees में चलाते हैं और उनके काम का प्रीव्यू करते हैं, तो प्रीव्यू एक अलग डायरेक्टरी से लॉन्च हो सकता है, उससे जिसमें आपका मौजूदा सत्र है — तो आप ऐप का स्क्रीनशॉट लेते हैं, अपना कोई बदलाव नहीं देखते, और उस “गायब” UI को डीबग करना शुरू कर देते हैं जो कभी गायब था ही नहीं। फ़ीचर ठीक था; प्रीव्यू गलत चेकआउट पर इशारा कर रहा था। इससे पहले कि मैं समझ पाता कि क्या हो रहा है, मेरा असली समय बर्बाद हुआ, और मैंने इसे प्रोजेक्ट के अपने नोट्स में लिख डाला ताकि भविष्य का मैं (और कोई भी एजेंट जिसे मैं यह रेपो सौंपूँ) प्रेत बग डीबग करने से पहले प्रीव्यू लक्ष्य की जाँच कर ले।

इससे जुड़ा जाल: वह कॉन्फ़िग फ़ाइल जो उन प्रीव्यू को परिभाषित करती है, समानांतर सत्रों में साझा होती है, तो एक साथ उसे संपादित करने वाले दो एजेंट चुपचाप एक-दूसरे की प्रविष्टियों को अधिलेखित कर सकते हैं। अगर आप एक बेड़ा चलाने जा रहे हैं, तो साझा कॉन्फ़िग को एक विवादित संसाधन की तरह मानिए — यह आपको ठीक एक बार काटेगी, और फिर कभी नहीं अगर आप सबक लिख लें।

वह आदत — हर मुश्किल से जीती गई अड़चन को एक टिकाऊ फ़ाइल में पकड़ लेना जिसे अगला सत्र पढ़ेगा — किसी भी पैमाने पर AI के साथ बनाने की चुपचाप रीढ़ है। सत्रों के बीच संदर्भ भाप बनकर उड़ जाता है; लिखे हुए सबक नहीं उड़ते।

वे ऑफ़लाइन-फ़र्स्ट तरकीबें जिन पर मुझे गर्व है

क्योंकि Quads का कोई बैकएंड नहीं है, कुछ समस्याओं को चतुर, बिना-सर्वर के जवाब चाहिए थे:

• दैनिक पहेली स्थानीय दिन के वर्ष-दिवस से नियतात्मक रूप से चुनी जाती है, ताकि दुनिया भर का हर खिलाड़ी शून्य सर्वर समन्वय के साथ वही पहेली पाए। (बोनस सबक: मैंने शिप किया, फिर तुरंत उस तिथि गणित में एक डेलाइट-सेविंग off-by-one ठीक किया। तिथियाँ हमेशा दिखने से ज़्यादा कठिन होती हैं।)
• “किसी दोस्त को चुनौती दो” एक पहेली को एक छोटे टेक्स्ट कोड में एन्कोड करता है — कुछ ऐसा QC1-01-03-3 — जिसे एक चेकसम से सुरक्षित किया गया है ताकि एक टाइपो एक वैध-पर-गलत चुनौती न बना दे। आपका दोस्त इसे ऐप की अपनी प्रति में टाइप करता है और ठीक वही स्थिति खेलता है, पूरी तरह ऑफ़लाइन। कोई अकाउंट नहीं, कोई मैचमेकिंग नहीं, कोई सर्वर नहीं।
• रिच लिंक प्रीव्यू वह एक जगह है जहाँ मैंने थोड़ा-सा सर्वर कोड इस्तेमाल किया। जब आप कोई चुनौती लिंक साझा करते हैं, तो एक अकेला Cloudflare Pages Function प्रति-कोड Open Graph टैग रेंडर करता है ताकि लिंक iMessage या WhatsApp में अच्छी तरह खुले। सोशल क्रॉलर JavaScript नहीं चलाते, तो एक क्लाइंट-रेंडर किया गया प्रीव्यू हर लिंक के लिए एक जैसा दिखता — एक छोटा फ़ंक्शन इसे एक असली बैकएंड की ज़रूरत के बिना ठीक कर देता है।

इनमें से कोई भी कठिन नहीं है एक बार जब आप इन्हें देख लें, पर हर एक ऐसी जगह है जहाँ आलसी जवाब है “एक सर्वर और एक डेटाबेस खड़ा कर दो,” और बेहतर जवाब है “वह चतुर ऑफ़लाइन चीज़ करो।” बैकएंड को पूरी तरह टालना ही वजह है कि एक अकेला इंसान इसे शिप और बनाए रख सका।

हैकाथॉन से स्टोर लिस्टिंग तक

आखिरी दौर — वह हिस्सा जिसके बारे में कोई आपको किसी “2-घंटे के प्रोजेक्ट” के बारे में नहीं बताता — “यह मेरे फ़ोन पर काम करता है” और “अजनबी इसे डाउनलोड कर सकते हैं” के बीच का सब कुछ है। एक ही झटके में आठ भाषाओं में अंतर्राष्ट्रीयकरण। स्टोर कॉपी जो कभी ट्रेडमार्क किए गए नाम का इस्तेमाल न करे। ऐप-स्टोर बिल्ड टूलिंग, वर्ज़निंग, और वे प्लेटफ़ॉर्म-विशिष्ट अनुमति-सफ़ाई जो एक स्टोर समीक्षा को आपको लौटाने से रोकती हैं। यह बेरौनक है, और यहीं बहुत सारे साइड प्रोजेक्ट चुपचाप दम तोड़ देते हैं।

इसे Claude के साथ करने से चेकलिस्ट छोटी नहीं हुई, पर इसने हर मद को इतना सस्ता बना दिया कि मैंने असल में इसे पूरा किया। यही Quads की असली कहानी है: यह नहीं कि AI ने एक बोर्ड गेम लिखा — बहुत सारे लोग एक को प्रोटोटाइप कर सकते हैं — बल्कि यह कि इसने आखिरी मील की लागत को इतना घटा दिया कि एक हैकाथॉन का मज़ाक एक शिप किया गया उत्पाद बन गया।

अगर आपके पास कोई छोटा आइडिया है जिस पर आप बैठे हुए हैं, तो यही मेरी पूरी बात है। 2-घंटे वाला संस्करण शुरू कीजिए। आप हैरान होंगे कि समापन रेखा कितनी पास आ गई है। और अगर आप देखना चाहते हैं कि यही काम करने का तरीका पैमाने पर कितनी ऊँचाई तक जाता है, तो मैं इसे एक पूरे मल्टी-टेनेंट SaaS तक ले गया — मैंने Courtlines, एक क्लब-मैनेजमेंट प्लेटफ़ॉर्म, Claude के साथ कैसे बनाया।

Quads को playquads.com पर खेलिए।

अक्सर पूछे जाने वाले सवाल

Quads क्या है?

Quads iOS और Android के लिए एक मोबाइल बोर्ड गेम है — क्लासिक अमूर्त रणनीति खेल Quarto का एक साफ़-सुथरा फिर से किया गया इम्प्लीमेंटेशन। आप एक 4×4 बोर्ड पर 16 अनूठे मोहरों के साथ खेलते हैं, और पेच यह है कि आपका प्रतिद्वंद्वी वह मोहरा चुनता है जो आपको रखना है। यह खेलने के लिए मुफ़्त है, जिसमें एकल, पास-एंड-प्ले, एक दैनिक पहेली और अतुल्यकालिक चुनौतियों के मोड हैं। इसे playquads.com पर पाइए।

क्या Claude ने पूरा गेम लिखा?

Claude ने अधिकांश कोड लिखा, उस डिज़ाइन और निर्णयों से काम करते हुए जो मेरे हैं। मैंने कई Claude सत्र समानांतर चलाए, हर एक अपने खुद के git worktree में, अलग-अलग फ़ीचर बनाते हुए जिन्हें मैंने आपस में मर्ज किया। गेम लॉजिक, AI प्रतिद्वंद्वी, अंतर्राष्ट्रीयकरण, ध्वनियाँ और पहेली सिस्टम बड़े पैमाने पर इसी तरह बनाए गए और मेरे द्वारा समीक्षित हुए।

क्या इन-गेम AI प्रतिद्वंद्वी किसी LLM से चलता है?

नहीं — और जानबूझकर ऐसा है। प्रतिद्वंद्वी शास्त्रीय गेम AI इस्तेमाल करता है: निचली कठिनाइयों पर अनुमान-नियम और शीर्ष स्तरों पर एक बंधी हुई negamax खोज, एक कड़ी नोड बजट के साथ ताकि कोई चाल डिवाइस को कभी न लटकाए। एक भाषा मॉडल इस काम के लिए धीमा, ज़्यादा महँगा और कमज़ोर होता। समस्या के लिए सही किस्म का AI चुनना हमेशा सबसे बड़े मॉडल की ओर हाथ बढ़ाने से ज़्यादा मायने रखता है।

Quads को बनाने में कितना समय लगा?

पहला खेलने लायक प्रोटोटाइप Colombia की एक यात्रा पर एक दोस्त के साथ 2-घंटे के हैकाथॉन से निकला। उस प्रोटोटाइप को दोनों ऐप स्टोर पर एक निखरे, शिप करने लायक ऐप में बदलना — अंतर्राष्ट्रीयकरण, एक असली AI प्रतिद्वंद्वी, ऑफ़लाइन चुनौतियों और स्टोर अनुपालन के साथ — में काफ़ी ज़्यादा समय लगा, पर हर अलग-अलग कदम AI के साथ इतना सस्ता था कि प्रोजेक्ट असल में समापन रेखा तक पहुँच गया।

Quads को Claude के साथ बनाने का सबसे बड़ा सबक क्या है?

दो बातें। पहली, एजेंट को अलग-थलग git worktrees में चलाइए ताकि आप कई फ़ीचर समानांतर बना सकें बिना उन्हें एक-दूसरे को मिटाए। दूसरी, हर अड़चन को एक टिकाऊ फ़ाइल में लिख डालिए जिसे अगला सत्र पढ़ेगा — सत्रों के बीच संदर्भ भाप बनकर उड़ जाता है, पर लिखे हुए सबक जुड़ते जाते हैं। इस काम करने के तरीके की बड़ी तस्वीर के लिए, देखें मैंने Courtlines को Claude के साथ कैसे बनाया।