Google AI स्टूडियो में वाइब कोडिंग: प्राकृतिक भाषा संकेतों से ऐप्स बनाना

लेखक: बॉक्सु ली

परिचय

Google AI Studio का नया वाइब कोडिंग इंटरफ़ेस उपयोगकर्ताओं को यह बताकर कार्यात्मक ऐप्स बनाने में सक्षम बनाता है कि वे क्या चाहते हैं, बजाय इसके कि कोड को लाइन दर लाइन लिखा जाए। वाइब कोडिंग शब्द (AI शोधकर्ता Andrej Karpathy द्वारा 2025 में गढ़ा गया) एक वर्कफ़्लो को संदर्भित करता है जहां डेवलपर की भूमिका मैन्युअल कोडिंग से AI सहायक को बातचीतात्मक, दोहराव प्रक्रिया में मार्गदर्शन करने में बदल जाती है[1]। अब इस दृष्टिकोण को AI Studio में एकीकृत करने के साथ, Google का लक्ष्य AI ऐप विकास को सभी के लिए सुलभ बनाना है - अनुभवी कोडरों से लेकर पूरी तरह से नौसिखियों तक। वास्तव में, Google ने वर्ष के अंत तक AI Studio पर एक मिलियन AI ऐप्स बनाए जाने का महत्वाकांक्षी लक्ष्य रखा है, वाइब कोडिंग को उस पैमाने को चलाने के लिए इंजन के रूप में स्थापित करते हुए[2]। यह लॉन्च AI-संचालित एप्लिकेशन बनाने को “वेबसाइट बनाने जितना मुख्यधारा” बनाने की Google की रणनीति में एक प्रमुख कदम है[3], छात्रों, उद्यमियों और गैर-कोडर्स के लिए बाधाओं को कम करते हुए।

AI स्टूडियो में वाइब कोडिंग कैसे काम करता है

एआई स्टूडियो के बिल्ड मोड में, एक ऐप्लिकेशन बनाना एआई के साथ एक इंटरैक्टिव बातचीत बन जाता है। आप प्राकृतिक भाषा में वर्णन करके शुरू करते हैं कि आप किस प्रकार का ऐप बनाना चाहते हैं – उदाहरण के लिए, “एक गार्डन प्लानिंग असिस्टेंट बनाएं जो मुझे लेआउट स्केच करने दे और फिर प्रत्येक क्षेत्र के लिए पौधे सुझाए”। एआई (डिफ़ॉल्ट रूप से गूगल के Gemini मॉडल का उपयोग करते हुए) इस उच्च-स्तरीय अनुरोध की व्याख्या करता है और स्वचालित रूप से ऐप का पहला संस्करण तैयार करता है, जिसमें यूज़र इंटरफ़ेस, आवश्यक कोड (फ्रंटएंड और बैकएंड), और यहां तक कि प्रोजेक्ट फ़ाइल संरचना भी शामिल होती है[5]। वहां से, आप संवाद या सीधे संपादन के माध्यम से ऐप्लिकेशन को पुनः परिष्कृत कर सकते हैं। यदि कुछ इच्छानुसार काम नहीं कर रहा है या सुधार की आवश्यकता है, तो आप एआई को सिर्फ बताते हैं कि क्या बदलना है (या इसे मैन्युअली ट्वीक करने के लिए कोड एडिटर पर स्विच करते हैं), और एआई कोड को उसी अनुसार अपडेट करेगा[6]। यह प्रॉम्प्ट-जेनरेट-रिफाइन लूप तब तक जारी रहता है जब तक आप परिणाम से संतुष्ट नहीं हो जाते। महत्वपूर्ण बात यह है कि एआई स्टूडियो कोडिंग और नो-कोडिंग दृष्टिकोणों का समर्थन करता है – गैर-तकनीकी उपयोगकर्ता पूरी तरह से प्राकृतिक भाषा निर्देशों पर निर्भर कर सकते हैं, जबकि डेवलपर्स आवश्यकतानुसार उत्पन्न हुए React/TypeScript या Python कोड का निरीक्षण और परिष्कृत कर सकते हैं[7][8]। एक बार ऐप अच्छा दिखता है, तो डिप्लॉयमेंट महज एक क्लिक की दूरी पर है: एआई स्टूडियो गूगल क्लाउड रन पर वन-क्लिक पब्लिशिंग को एकीकृत करता है, आपके ऐप को परीक्षण या साझा करने के लिए एक लाइव URL पर तुरंत होस्ट करता है[9][10]। संक्षेप में, एआई स्टूडियो में वाइब कोडिंग वर्कफ़्लो को कुछ व्यापक चरणों में देखा जा सकता है:

1. विचार निर्माण (प्रॉम्प्टिंग): एक ही उच्च-स्तरीय प्रॉम्प्ट में पूरे एप्लिकेशन के उद्देश्य और विशेषताओं का वर्णन करें। उदाहरण के लिए: "एक व्यक्तिगत बजट ट्रैकर ऐप बनाएं जिसमें श्रेणी के अनुसार खर्चों का चार्ट हो और एक AI चैटबॉट हो जो बचत के सुझाव दे।"[11][12]
2. उत्पादन: AI स्टूडियो बैकएंड (Gemini 2.5 Pro और संबंधित API) ऐप का प्रारंभिक संस्करण उत्पन्न करते हैं – UI लेआउट बनाते हैं, फ्रंटेंड लॉजिक लिखते हैं (जैसे कि एक React कंपोनेंट), किसी भी आवश्यक बैकएंड रूट या API कॉल सेट करते हैं, और प्रोजेक्ट फाइल्स को संकलित करते हैं[13][5]। सरल ऐप्स के लिए यह आमतौर पर कुछ मिनटों में होता है, अक्सर कुछ सेकंड में।
3. परीक्षण और पूर्वावलोकन: ऐप आपके ब्राउज़र में एक इंटरैक्टिव पूर्वावलोकन पैन में लोड होता है। आप इसे तुरंत इंटरैक्ट कर सकते हैं ताकि यह कैसे काम करता है, देख सकें। (एप बैकग्राउंड में एक सीमांकित वातावरण में चल रहा है – इस पूर्वावलोकन के लिए कोई मैनुअल सेटअप या सर्वर की आवश्यकता नहीं है[14].)
4. परिष्करण: वार्तालाप के माध्यम से या सीधे कोड संपादन के माध्यम से, आप ऐप को परिष्कृत करते हैं। आप कह सकते हैं, "अब एक लॉगिन पेज जोड़ें" या "चार्ट विभिन्न रंगों का उपयोग करे," और AI कोड में उन परिवर्तनों को लागू करेगा[15][7]। AI स्टूडियो का सहायक भी मुद्दों का डिबग कर सकता है या अनुरोध पर नई विशेषताएं जोड़ सकता है। यह पुनरावृत्तिपूर्ण चक्र आपको ऐप की कार्यक्षमता को प्रगतिशील रूप से बढ़ाने और समस्याओं को स्वाभाविक तरीके से ठीक करने की अनुमति देता है।
5. परिनियोजन: एक बार संतुष्ट होने के बाद, आप अंतिम प्रॉम्प्ट या एक क्लिक के साथ ऐप को लाइव परिनियोजित कर सकते हैं। AI स्टूडियो कोड को एक स्केलेबल प्लेटफ़ॉर्म (Google Cloud Run) पर पैकेजिंग और परिनियोजित करने का प्रबंधन करता है[16][9]। परिणामस्वरूप आपको एक लाइव वेब ऐप URL मिलता है जिसे आप साझा कर सकते हैं या आगे विकसित कर सकते हैं।

इस प्रक्रिया के दौरान, आप नियंत्रण बनाए रखते हैं: आप हमेशा उत्पन्न कोड की समीक्षा कर सकते हैं, ऐप के व्यवहार का परीक्षण कर सकते हैं, और सुनिश्चित कर सकते हैं कि यह आपके आवश्यकताओं को पूरा करता है, इससे पहले कि आप इसे तैनात करें। इस उच्च-स्तरीय सरलता और निम्न-स्तरीय पारदर्शिता का संयोजन ही AI स्टूडियो में वाइब कोडिंग को शुरुआती और अनुभवी डेवलपर्स के लिए शक्तिशाली बनाता है। गूगल इसे AI जोड़ी प्रोग्रामर या सह-पायलट के रूप में देखता है, जो बायलरप्लेट और भारी काम को संभालता है, जबकि आप ऐप के 「वाइब」 - विचार और उपयोगकर्ता अनुभव पर ध्यान केंद्रित करते हैं, जिसे आप envision करते हैं[17][18].

वाइब कोडिंग इंटरफ़ेस की मुख्य विशेषताएं

गूगल एआई स्टूडियो का वाइब कोडिंग वातावरण अनेक विशेषताओं और यूआई तत्वों के साथ आता है, जो प्रम्प्ट-से-ऐप यात्रा को सहज और सरल बनाते हैं। कुछ प्रमुख क्षमताओं में शामिल हैं:

• मॉडल और फीचर चयनकर्ता: प्रॉम्प्ट देने से पहले, बिल्ड टैब आपको यह कॉन्फ़िगर करने देता है कि आपका ऐप कौन से AI मॉडल और सेवाओं का उपयोग करेगा। डिफ़ॉल्ट रूप से, यह Gemini 2.5 Pro (एक सामान्य-उद्देश्य LLM) का चयन करता है, लेकिन आप एक क्लिक से विशेष मॉड्यूल्स को मिला सकते हैं - जैसे कि छवि निर्माण के लिए Imagen, वीडियो समझ के लिए Veo, विशिष्ट कार्यों के लिए छोटे मॉडल जैसे Nano Banana, या यहां तक कि Google Search एकीकरण को सक्षम करें[19][20]। ये मॉड्यूलर “AI सुपरपावर” टॉगल के रूप में प्रस्तुत किए जाते हैं ताकि आप आसानी से कह सकें, छवि पहचान शामिल करें या वेब खोज डेटा का उपयोग करें, और सिस्टम इन क्षमताओं को उत्पन्न ऐप के कोड में शामिल कर देगा। Gemini इन घटकों को पहचानता है और ऐप असेंबली के दौरान उन्हें एक साथ बांधता है[20][21]। इसका मतलब है कि यहां तक कि जटिल मल्टी-मोडल ऐप्स (जैसे कि एक वॉयस चैटबॉट जो चित्र या नक्शा भी प्रदर्शित कर सकता है) को न्यूनतम प्रयास के साथ तैयार किया जा सकता है।
• प्राकृतिक भाषा प्रॉम्प्ट इनपुट: वाइब कोडिंग का मूल प्रॉम्प्ट बॉक्स है - आप बस साधारण अंग्रेजी (या किसी समर्थित भाषा) में टाइप करते हैं कि आप ऐप से क्या करना चाहते हैं। उदाहरण के लिए: “एक इंटरएक्टिव क्विज़ गेम बनाएं जो मुझे गणित के सवाल पूछता है और AI शिक्षक का उपयोग करके फीडबैक देता है”। सिस्टम आपको मार्गदर्शन करने के लिए उदाहरण प्रॉम्प्ट या टेम्पलेट भी प्रदान कर सकता है (जैसे कि एक “Gemini का उपयोग करके रेसिपी जनरेटर” स्टार्टर प्रॉम्प्ट)[22]। आपको तकनीकी विवरण जैसे फ्रेमवर्क या सिंटैक्स निर्दिष्ट करने की आवश्यकता नहीं है - AI आपके विवरण के आधार पर आवश्यक तकनीकी स्टैक का पता लगाता है (अक्सर वेब UI के लिए React + TypeScript, प्लस किसी भी बैकेंड लॉजिक के साथ)[12]। इससे बाधा कम होती है ताकि गैर-प्रोग्रामर भी अपनी विचारों का वर्णन करके ऐप विकास शुरू कर सकें।
• डुअल चैट + कोड इंटरफेस: एक बार ऐप उत्पन्न हो जाने के बाद, AI स्टूडियो दृश्य को दो-पैन एडिटर में विभाजित करता है। बाईं ओर, आपके पास AI सहायक (Gemini) के साथ एक संवादात्मक चैट इंटरफेस है। यहां आप कोड के बारे में प्रश्न पूछ सकते हैं, बदलाव या नई सुविधाओं का अनुरोध कर सकते हैं, और स्पष्टीकरण प्राप्त कर सकते हैं। दाईं ओर, आप पूर्ण प्रोजेक्ट कोड एडिटर को फ़ाइल टैब के साथ देखते हैं (फ्रंट-एंड, बैकएंड, कॉन्फ़िग फाइल्स आदि के लिए)[23]। प्रत्येक फ़ाइल में उसके उद्देश्य का टूलटिप या संक्षिप्त विवरण होता है (नए लोगों के लिए यह जानना सहायक होता है कि App.tsx या constants.ts जैसी चीजें क्या हैं)[24]। आप इस पैन में सीधे कोड संपादित कर सकते हैं - उदाहरण के लिए, एक डेवलपर CSS फाइल में स्टाइलिंग को फाइन-ट्यून कर सकता है या हार्ड-कोडेड मान को समायोजित कर सकता है। सभी बदलाव लाइव प्रीव्यू में तुरंत परीक्षण किए जा सकते हैं। यह विभाजित इंटरफेस दोनों दर्शकों की सेवा करता है: गैर-कोडर्स मुख्य रूप से चैट “वाइब” में रह सकते हैं ताकि बदलाव मार्गदर्शन कर सकें, जबकि कोडर्स आवश्यकतानुसार वास्तविक कोडबेस में डुबकी लगा सकते हैं[7]।
• प्रसंग-संवेदनशील सुझाव: AI स्टूडियो सिर्फ आपके निर्देशों की प्रतीक्षा नहीं करता - यह सुधारों के लिए स्मार्ट सुझाव सक्रिय रूप से प्रदान करता है। Gemini मॉडल वर्तमान ऐप का विश्लेषण करता है और फ्लैशलाइट फीचर के माध्यम से प्रासंगिक संवर्द्धन की सिफारिश कर सकता है[25][26]। उदाहरण के लिए, यदि आपने एक छवि गैलरी ऐप बनाया है, तो यह सुझाव दे सकता है “हाल ही में देखी गई छवियों के इतिहास को प्रदर्शित करने के लिए एक फीचर जोड़ें”[25]। ये सुझाव इंटरफेस में दिखाई देते हैं ताकि आपको यह मार्गदर्शन मिल सके कि आगे क्या आज़माना है, लगभग जैसे कि एक AI उत्पाद प्रबंधक विचार पेश कर रहा हो। आप AI को इसे लागू करने के लिए एक क्लिक से सुझाव स्वीकार कर सकते हैं, या इसे अनदेखा कर सकते हैं। यह उपयोगकर्ताओं को उन कार्यात्मकताओं की खोज करने में मदद करता है जिनके बारे में उन्होंने शायद सोचा नहीं हो, और AI की परियोजना को क्रमिक रूप से बेहतर बनाने की क्षमता को दर्शाता है।
• “आई’एम फीलिंग लकी” प्रॉम्प्ट जेनरेटर: रचनात्मकता को प्रेरित करने या जब आप नहीं जानते कि क्या बनाना है, मदद करने के लिए, गूगल ने एक मजेदार आई’एम फीलिंग लकी बटन जोड़ा है[27]। इस बटन को हर बार दबाने पर एक यादृच्छिक ऐप अवधारणा उत्पन्न होती है, जिसमें एक प्रॉम्प्ट और AI फीचर्स का प्री-कॉन्फ़िगर चयन शामिल होता है। यह कुछ जंगली या विशेष प्रस्तावित कर सकता है – जैसे कि “एक सपना बगीचा डिज़ाइनर जो आपकी पिछवाड़े की कल्पना करने के लिए छवि निर्माण का उपयोग करता है” या “एक ट्रिविया गेम जिसमें AI होस्ट जो आपके साथ मजाक करता है”[28]। ये पूरी तरह से कार्यात्मक प्रारंभिक बिंदु होते हैं; यदि आप आगे बढ़ते हैं तो सिस्टम वास्तव में प्रस्तावित ऐप को असेंबल करेगा। Logan Kilpatrick, गूगल AI स्टूडियो के उत्पाद लीड, ने समझाया कि यह फीचर खोज को प्रोत्साहित करता है: “आपको कुछ वास्तव में, वास्तव में शानदार, अलग अनुभव मिलते हैं” जो आपने अन्यथा नहीं बनाए होते[29]। यह संभावित कला को देखने और संभवतः आपके अगले बड़े ऐप विचार पर ठोकर खाने का एक क्लिक तरीका है।
• गुप्त वेरिएबल्स और API कुंजी: कई उपयोगी ऐप्स को बाहरी API या सेवाओं को कॉल करने की आवश्यकता होती है (उदाहरण के लिए, एक मौसम ऐप को मौसम API को कॉल करना पड़ सकता है)। AI स्टूडियो अब आपके प्रोजेक्ट के भीतर API कुंजी या अन्य संवेदनशील प्रमाण-पत्रों को सुरक्षित रूप से संग्रहीत करने के लिए एक गुप्त वेरिएबल्स तिजोरी शामिल करता है[30][31]। इसका मतलब है कि आप AI को बाहरी सेवा को एकीकृत करने के लिए प्रेरित कर सकते हैं (कहें, “AlphaVantage API से लाइव स्टॉक कीमतें प्राप्त करें”) बिना कोड में गुप्त कुंजी को हार्डकोड किए। आप सीक्रेट्स UI में API कुंजी जोड़ते हैं, और AI इसे सुरक्षित रूप से संदर्भित करना जानता है। यह फीचर प्रोटोटाइप को उत्पादन-तैयार ऐप्स में बदलने के लिए महत्वपूर्ण है, क्योंकि यह AI द्वारा उत्पन्न कोड में भी अच्छे सुरक्षा अभ्यासों का समर्थन करता है।
• विस्तृत UI संपादन उपकरण: जबकि आप हमेशा UI परिवर्तनों को टेक्स्ट में वर्णित कर सकते हैं (जैसे “बटन को नीला बनाएं”), AI स्टूडियो आपको पूर्वावलोकन के साथ अधिक सीधे बातचीत करने देता है। आप पूर्वावलोकन में एक UI तत्व पर क्लिक कर सकते हैं और Gemini के लिए एक निर्देश के साथ उसे एनोटेट कर सकते हैं[32]। उदाहरण के लिए, आप एक हेडर का चयन कर सकते हैं और कह सकते हैं “इस शीर्षक को बड़ा करें और इसे केंद्रित करें।” AI तत्व को पहचान लेगा और परिवर्तन को लागू करने के लिए संबंधित कोड (HTML/CSS) को समायोजित करेगा[33]। यह WYSIWYG संपादन और AI कोडिंग के बीच एक शक्तिशाली फीचर है - यह आपके इंटरफेस से बातचीत करने जैसा जादुई लगता है ताकि इसे अनुकूलित किया जा सके। यह स्टाइलिंग या लेआउट ट्वीक के लिए कोड के माध्यम से खोजने की आवश्यकता को कम करता है; इसके बजाय, आप बस स्क्रीन पर इशारा करते हैं और AI को बताते हैं कि आप वहां क्या चाहते हैं।
• एक-क्लिक परिनियोजन: जब आपका ऐप तैयार हो जाता है, तो इसे तैनात करना अत्यंत सरल होता है। AI स्टूडियो Google क्लाउड रन के साथ एकीकृत होता है ताकि एक-क्लिक परिनियोजन को क्लाउड में प्रदान किया जा सके[10]। स्टूडियो के भीतर एक ही क्रिया के साथ, आपका एप्लिकेशन (फ्रंट-एंड और बैकएंड) कंटेनराइज़ किया जाता है और गूगल के इन्फ्रास्ट्रक्चर पर लॉन्च किया जाता है, और आपको एक लाइव URL मिलता है जहां अन्य लोग इसे एक्सेस कर सकते हैं। यह पारंपरिक रूप से सर्वर स्थापित करने या होस्टिंग के जटिल चरणों को समाप्त करता है। गूगल के डेमो में, केवल स्टूडियो इंटरफेस और प्रॉम्प्ट्स का उपयोग करके एक पूरी तरह से कार्यात्मक AI चैटबॉट ऐप को शुरू से अंत तक पांच मिनट से कम समय में परिनियोजित किया गया था[34]। हल्के ऐप्स या प्रोटोटाइप के लिए, आपको फ़ाइल पर क्रेडिट कार्ड की भी आवश्यकता नहीं है - AI स्टूडियो का मुफ्त स्तर आपको स्वतंत्र रूप से बनाने और परीक्षण करने देता है, केवल एक सशुल्क योजना की आवश्यकता होती है यदि आप कुछ उन्नत मॉडल (जैसे सबसे बड़ा वीडियो मॉडल) को बुलाना चाहते हैं या यदि आप उत्पादन में वृद्धि करना चाहते हैं[35][36]। यहाँ दर्शन है “बिना कीमत के बनाएं, जब आप बढ़ें तो भुगतान करें”, इसलिए निर्माता बिना घर्षण के प्रयोग कर सकते हैं लेकिन जब आवश्यकता हो तो उद्यम-स्तर की होस्टिंग के लिए एक पथ होता है[37]।
• निर्यात और सहयोग: क्लाउड रन पर परिनियोजन के अलावा, AI स्टूडियो आपके प्रोजेक्ट को प्रबंधित या साझा करने के लिए कई विकल्प देता है। आप पूरा कोड अपने GitHub रिपॉजिटरी पर कुछ क्लिक के साथ सहेज सकते हैं, प्रोजेक्ट को ज़िप के रूप में डाउनलोड कर सकते हैं, या यहां तक कि AI स्टूडियो की गैलरी के भीतर ऐप को फोर्क कर सकते हैं[38]। इसका मतलब है कि आप कभी भी बंद नहीं होते हैं - कोड आपका है जिसे आप प्लेटफ़ॉर्म के बाहर निरीक्षण और उपयोग कर सकते हैं। यह भविष्य की सामुदायिक सुविधाओं का भी संकेत देता है: एक ऐप गैलरी उदाहरण ऐप्स और टेम्पलेट्स को प्रदर्शित करती है (वर्तमान में गूगल द्वारा प्रदान किए गए और आपकी अपनी पिछली रचनाएं, भविष्य में उपयोगकर्ता-साझा ऐप्स को शामिल करने की योजना के साथ)[39]। यह गैलरी एक तरह का ऐप स्टोर या सामुदायिक केंद्र बन सकती है जहां लोग AI स्टूडियो ऐप्स की खोज कर सकते हैं, उनसे सीख सकते हैं, और एक-दूसरे के काम पर निर्माण कर सकते हैं, साझा करने के माध्यम से विकास को और तेज कर सकते हैं।

वाइब कोडिंग इन एक्शन: प्रारंभ से प्रोटोटाइप तक

AI स्टूडियो की क्षमताओं को दिखाने के लिए कुछ भी एक वाइब कोडिंग सत्र को क्रियान्वित होते देखने से बेहतर नहीं है। गूगल की टीम और प्रारंभिक उपयोगकर्ताओं ने कई डेमो साझा किए हैं जो दिखाते हैं कि कैसे एक विचार तेजी से एक कार्यशील एप्लिकेशन बन सकता है। उदाहरण के लिए, एक गूगलर ने एक “गार्डन प्लानिंग असिस्टेंट” ऐप को कुछ ही क्लिक में तैयार किया: उसने उस प्रॉम्प्ट को दर्ज किया और सिस्टम ने पूरा ऐप उत्पन्न किया जिसमें एक दृश्य लेआउट टूल और एक वार्तालापीय पौध सिफारिशकर्ता शामिल था, सब कुछ क्षणों में[40][41]। एक अन्य आधिकारिक डेमो में, एक पूरी तरह से कार्यशील चैटबॉट (एक कस्टम ज्ञान आधार के साथ) बनाया गया और 5 मिनट से कम समय में लाइव तैनात किया गया – सब कुछ प्राकृतिक भाषा निर्देशों और फीचर टॉगल के माध्यम से, बिना मैनुअल कोडिंग के[34]। ये तेज़ परिणाम वाइब कोडिंग की उत्पादकता को रेखांकित करते हैं: जो काम करने में पहले दिन लगते थे, अब एक कॉफी ब्रेक में हो सकता है।

एक व्यावहारिक परीक्षण के रूप में, VentureBeat रिपोर्टर ने एक सरल गेम का अनुरोध करके AI स्टूडियो की परीक्षा ली। उसने जेमिनी को एक विवरण दिया: “एक रैंडमाइज़्ड डाइस-रोलिंग वेब एप्लिकेशन जहाँ उपयोगकर्ता विभिन्न डाइस (d6, d20, आदि) चुन सकते हैं, एक एनिमेटेड रोल देख सकते हैं, और डाइस का रंग चुन सकते हैं।” सिर्फ 65 सेकंड में, AI स्टूडियो ने उन विशिष्टताओं को पूरा करते हुए एक कार्यशील वेब ऐप तैयार कर दिया[42][43]। उत्पन्न ऐप में एक साफ UI था (React, TypeScript, और Tailwind CSS के साथ निर्मित) जहां आप 6-पक्षीय, 10-पक्षीय, या 20-पक्षीय डाइस चुन सकते थे, इसके रंग को कस्टमाइज़ कर सकते थे, और इसे रोल करने के लिए एक बटन क्लिक कर सकते थे। डाइस एक एनिमेशन के साथ घूमते और हर बार एक रैंडम परिणाम दिखाते थे – बिल्कुल अनुरोध के अनुसार। प्लेटफ़ॉर्म ने सिर्फ एक कोड फाइल नहीं जनरेट की; यह एक संरचित प्रोजेक्ट बनाया जिसमें कई घटक शामिल थे (जैसे मुख्य इंटरफ़ेस के लिए App.tsx, डाइस डेटा के लिए constants.ts, और रोलिंग लॉजिक और नियंत्रणों के लिए अलग-अलग मॉड्यूल)[44]। यह मॉड्यूलर आउटपुट दिखाता है कि AI कोई कमजोर स्क्रिप्ट नहीं बना रहा है, बल्कि वास्तव में ऐप को एक साफ, मेंटेन करने योग्य तरीके से आर्किटेक्ट कर रहा है जैसे कि कोई मानव डेवलपर कर सकता है। रिपोर्टर ने तब ऐप को सुधारने का निर्णय लिया और डाइस रोल होते समय ध्वनि प्रभाव जोड़ने की योजना बनाई। उसने बस AI को अपनी योजना बताई और एक फॉलो-अप प्रॉम्प्ट के साथ, सहायक ने प्रत्येक रोल पर ध्वनि बजाने के लिए अतिरिक्त कोड लिखा – इसे मौजूदा कोडबेस में सहजता से एकीकृत किया[44]। यह सब कुछ एक ही वेब-ब्राउज़र टैब में हुआ, बिना आदमी को कोई कोड मैन्युअल रूप से लिखे। ऐसे उदाहरण दिखाते हैं कि वाइब कोडिंग के साथ विकास प्रक्रिया कितनी तेज़ और पुनरावृत्त हो सकती है: आप एक विचार का वर्णन करते हैं, लगभग तुरंत एक उपयोगी प्रोटोटाइप प्राप्त करते हैं, फिर AI के साथ बातचीत में इसे परिष्कृत करते हैं।

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

ऐप्स के उदाहरण जिन्हें आप बना सकते हैं (प्रॉम्प्ट के साथ)

कुछ विचार उत्पन्न करने के लिए, यहाँ पाँच उदाहरण दिए गए हैं जो बहुत जटिल नहीं हैं लेकिन उपयोगी एप्लिकेशन हैं जिन्हें कोई Google AI Studio के वाइब कोडिंग का उपयोग करके बना सकता है। प्रत्येक के लिए, हम एक उदाहरण प्रॉम्प्ट शामिल करते हैं जो आप ऐप बनाने के लिए AI को दे सकते हैं:

1. स्मार्ट सुझावों के साथ व्यक्तिगत टू-डू सूची – टास्क ट्रैकिंग के लिए एक साधारण वेब ऐप, जिसे AI द्वारा बढ़ाया गया है। उदाहरण के लिए, ऐप आपके कार्यों का विश्लेषण कर सकता है और अनुस्मारक या उप-कार्य सुझा सकता है।
   1. प्रॉम्प्ट: “वेब-आधारित टू-डू सूची एप्लिकेशन बनाएं। यह मुझे कार्य जोड़ने, संपादित करने और चेक करने की अनुमति देनी चाहिए। एक AI सहायक शामिल करें जो समय सीमा सुझाता है या कार्यों को छोटे चरणों में तोड़ता है। इंटरफ़ेस साफ और मोबाइल के अनुकूल होना चाहिए।”
      • यहाँ, Gemini टास्क प्रबंधन UI उत्पन्न करेगा और अपने तर्क का उपयोग करके सुझाव देगा – जैसे कि अगर आप “छुट्टी की योजना बनाएं” जोड़ते हैं, तो AI उप-कार्य जैसे “फ्लाइट बुक करें” का सुझाव दे सकता है।
   2. आउटपुट: https://ai.studio/apps/drive/1_ow-8TYDMWxms56bzQ-QKHsNWCA_F0fr
2. प्लानर और मैप गाइड – एक मोबाइल-फ्रेंडली यात्रा यात्रा योजना जो मानचित्रण डेटा एकीकृत करता है। यह Google Maps और रीयल-टाइम जानकारी का लाभ उठा सकता है।
   1. यात्रा
   2. प्रॉम्प्ट: “एक शहर यात्रा के लिए यात्रा योजना ऐप बनाएं। उपयोगकर्ता एक शहर दर्ज करता है और ऐप प्रत्येक दिन के लिए आकर्षण, रेस्तरां, और होटलों के साथ 3-दिन की यात्रा योजना उत्पन्न करता है। एक इंटरैक्टिव मानचित्र शामिल करें जो प्रत्येक अनुशंसित स्थान को चिह्नित करता है, और उपयोगकर्ता को किसी स्थान पर क्लिक करने की अनुमति दें ताकि वे विवरण प्राप्त कर सकें (लाइव डेटा या खोज का उपयोग करके)। डिज़ाइन को फोन पर उपयोग के लिए उत्तरदायी बनाएं।”
      • इस परिदृश्य में, AI Google Search टूल और Maps API ग्राउंडिंग के संयोजन का उपयोग कर सकता है (प्रदान किए गए क्रेडेंशियल्स के माध्यम से) लोकप्रिय स्थानों को खोजने के लिए, फिर उन्हें एक मानचित्र घटक पर प्रदर्शित करें। वाइब कोडिंग इंटरफ़ेस का बाहरी API कुंजियों के लिए समर्थन (गुप्त वेरिएबल्स के माध्यम से) Google Places API जैसी चीज़ों का सुरक्षित उपयोग करने में सक्षम बनाता है। परिणाम एक ऐप है जो सिर्फ विचार का वर्णन करके एक व्यक्तिगत टूर गाइड की तरह महसूस होता है।
   3. आउटपुट: https://ai.studio/apps/drive/1QO0OnH8vjUZuX3e1IqtQ4-1pqSZYAJLO
3. इंटरैक्टिव डेटा डैशबोर्ड – एक विश्लेषणात्मक डैशबोर्ड जो डेटा को चार्ट और अंतर्दृष्टियों में बदलता है। उदाहरण के लिए, एक छोटा व्यवसाय बिक्री के आंकड़ों का दृश्य बनाना चाह सकता है।
   1. प्रॉम्प्ट: “बिक्री विश्लेषिकी के लिए डेटा डैशबोर्ड वेब ऐप बनाएं। इसमें बिक्री डेटा के CSV की फ़ाइल अपलोड होनी चाहिए। जब डेटा अपलोड किया जाता है, तो ऐप एक सारांश (कुल बिक्री, औसत ऑर्डर मूल्य) प्रदर्शित करता है और दो चार्ट उत्पन्न करता है: समय के साथ मासिक बिक्री का एक लाइन चार्ट, और उत्पाद श्रेणी के अनुसार बिक्री का एक पाई चार्ट। चार्ट के नीचे एक AI सारांश शामिल करें जो सादे भाषा में किसी भी रुझान या विसंगति को उजागर करता है।”
      • इस प्रॉम्प्ट का उपयोग करते हुए, AI Studio संभवतः एक बहु-पैनल डैशबोर्ड उत्पन्न करेगा। यह चार्ट्स को प्रस्तुत करने के लिए Chart.js या D3 जैसी लाइब्रेरी का उपयोग कर सकता है, और डेटा के विश्लेषण के लिए Gemini की तर्क क्षमता का उपयोग करके एक पाठ सारांश उत्पन्न कर सकता है (उदाहरण के लिए “जुलाई में बिक्री में गर्मियों के प्रचार के कारण उछाल आया”)। यह दिखाता है कि वाइब कोडिंग कैसे UI तत्वों (फ़ाइल इनपुट, चार्ट के लिए कैनवास) के लिए कोडिंग को डेटा के AI विश्लेषण के साथ मिलाकर इंटरैक्टिव डेटा विज़ुअलाइज़ेशन को संभाल सकता है। ऐसे डैशबोर्ड पारंपरिक BI टूल्स की तुलना में बहुत कम प्रयास से बनाए और समायोजित किए जा सकते हैं – और उपयोगकर्ता को स्वयं चार्ट-ड्रॉइंग कोड लिखने की आवश्यकता नहीं है।
   2. आउटपुट: https://ai.studio/apps/drive/1qW2V3lfyEF0QDDXQxuYCF0O90QdL3_uB
4. AI संचालित अध्ययन फ्लैशकार्ड्स – छात्रों के लिए एक मिनी लर्निंग गेम। यह ऐप उपयोगकर्ता को क्विज कर सकता है और उनके प्रदर्शन के अनुसार अनुकूल कर सकता है।
   1. प्रॉम्प्ट: “भाषा सीखने के लिए एक फ्लैशकार्ड क्विज़ वेब ऐप बनाएं। ऐप को उपयोगकर्ता को स्पेनिश भाषा में शब्दावली शब्दों पर क्विज़ करना चाहिए। प्रत्येक फ्लैशकार्ड एक अंग्रेजी शब्द दिखाता है, और उपयोगकर्ता को स्पेनिश अनुवाद टाइप करना होता है। ऐप उन्हें बताना चाहिए कि वे सही हैं या नहीं, और स्कोर रखना चाहिए। एक AI ट्यूटर मोड जोड़ें: यदि उपयोगकर्ता गलत है, तो AI एक संकेत या संक्षिप्त व्याख्या दे। एक सरल, रंगीन डिज़ाइन का उपयोग करें और सुनिश्चित करें कि यह मोबाइल पर काम करता है।”
      • इस परिदृश्य में, उत्पन्न ऐप में एक सेट पूर्वनिर्धारित प्रश्नोत्तर जोड़े (जिन्हें आप परिष्कृत या विस्तार कर सकते हैं), उत्तर के लिए एक इनपुट बॉक्स, और शुद्धता की जांच करने के लिए लॉजिक शामिल हो सकता है। दिलचस्प हिस्सा है AI ट्यूटर: Gemini को (पृष्ठभूमि में) संकेत देने के लिए प्रेरित किया जा सकता है कि जब उपयोगकर्ता गलती करता है तो एक सहायक संकेत या स्मरणीय वाक्यांश उत्पन्न करें, जिससे सीखने का अनुभव अधिक आकर्षक बनता है। यह उदाहरण एक मिनी-गेम/शैक्षिक उपकरण को दर्शाता है – एक श्रेणी जहां वाइब-कोडेड ऐप्स डायनेमिक AI फीडबैक को शामिल करके चमक सकते हैं जो पारंपरिक फ्लैशकार्ड ऐप्स में नहीं होता।
   2. आउटपुट: https://ai.studio/apps/drive/1rpxIsuwLz7cqypH9oYjGCwSIh5PBKXxL
5. AI शेफ के साथ रेसिपी फाइंडर – उपलब्ध सामग्री के आधार पर रेसिपी सुझाने वाला एक कुकिंग सहायक।
   1. प्रॉम्प्ट: “रेसिपी फाइंडर ऐप बनाएं। उपयोगकर्ता उन सामग्रियों को इनपुट या चुन सकते हैं जो उनके पास हैं (जैसे 'चिकन, टमाटर, तुलसी'), और ऐप उन सामग्रियों का उपयोग करके रेसिपी खोजेगा। इसे शीर्षक, छवियों, और संक्षिप्त विवरणों के साथ रेसिपी सुझावों की एक सूची प्रदर्शित करनी चाहिए। एक AI चैट शेफ शामिल करें जिससे उपयोगकर्ता खाना पकाने के सुझाव या प्रतिस्थापन के लिए पूछ सकें (उदाहरण के लिए, 'मेरे पास मक्खन नहीं है, इसके बजाय मैं क्या उपयोग कर सकता हूँ?')। ऐप में एक आमंत्रित करने वाला, भोजन प्रेमी डिज़ाइन होना चाहिए।”
      • इस ऐप विचार में कई तत्व शामिल हैं: एक सामग्री चयन इंटरफ़ेस, संभवतः एक रेसिपी API के कॉल्स (वास्तविक रेसिपी प्राप्त करने के लिए – आप Spoonacular जैसी सेवा से एक API कुंजी का उपयोग कर सकते हैं, जो गुप्त वेरिएबल्स के माध्यम से प्रबंधित होती है), और एक एकीकृत चैटबॉट व्यक्ति (“AI शेफ”) जो Gemini मॉडल का उपयोग करके पाक प्रश्नों का उत्तर देता है। AI Studio की मल्टीमॉडल क्षमता का मतलब है कि आप Imagen को सक्षम भी कर सकते हैं ताकि प्रत्येक सुझाए गए व्यंजन के लिए एक चित्र उत्पन्न किया जा सके यदि कोई छवि URL उपलब्ध नहीं है, वास्तव में रचनात्मकता को उपयोगिता के साथ मिलाकर। वाइब कोडिंग दृष्टिकोण से, यह उदाहरण दिखाता है कि आप AI को डेटा पुनः प्राप्ति, छवि उत्पन्न करने, और वार्तालापात्मक Q&A को एक ऐप में संयोजित करने के लिए कैसे निर्देश दे सकते हैं – एकल प्रॉम्प्ट और बाद के सुधारों के माध्यम से।
   2. आउटपुट: https://ai.studio/apps/drive/19VWB2qpa7bEtFB8hAjsQfSpJ6SPmf5KC

ऊपर दिए गए प्रत्येक उदाहरण को एआई स्टूडियो में कुछ संकेतों और चयन के साथ बनाया जा सकता है, फिर उसे क्रमिक रूप से सुधारा जा सकता है। वे दिखाते हैं कि वाइब कोडिंग किस तरह के अनुप्रयोगों को संभाल सकता है – सरल वेब यूटिलिटीज से लेकर इंटरएक्टिव शैक्षिक गेम्स और एआई-संवर्धित रचनात्मक उपकरणों तक। सामान्य धागा यह है कि आप, एक निर्माता के रूप में, उत्पाद विचार और उपयोगकर्ता अनुभव पर ध्यान केंद्रित करते हैं, जबकि एआई उस दृष्टि का अनुवाद कार्यशील कोड में करता है।

अंतिम विचार

Google AI Studio का वाइब कोडिंग इंटरफेस इस बात का प्रतीक है कि सॉफ़्टवेयर कैसे विकसित हो सकता है। यह प्राकृतिक भाषा विवरणों को चालू अनुप्रयोगों में बदलकर अधिक व्यापक दर्शकों को बिना गहरे कोडिंग ज्ञान के तकनीकी समाधान बनाने का अधिकार देता है। एक उत्पाद नेता या डेवलपर के लिए, यह एक नया, तेज़ प्रोटोटाइपिंग लूप खोलता है – आप विचारों का तुरंत परीक्षण कर सकते हैं वास्तव में कुछ मिनटों में एक न्यूनतम व्यावहारिक उत्पाद बनाकर। वेब ऐप्स और मोबाइल-फ्रेंडली टूल्स से लेकर डेटा डैशबोर्ड और मिनी-गेम्स तक, जो मुमकिन है उसका दायरा लगातार बढ़ रहा है क्योंकि Google अपने AI टूलकिट का अधिक हिस्सा एकीकृत कर रहा है (और जैसे-जैसे बड़े मॉडल जैसे Gemini 3 प्लेटफ़ॉर्म पर उभरते हैं)। जबकि पारंपरिक विकास दूर नहीं जा रहा है, वाइब कोडिंग इसे AI-प्रथम दृष्टिकोण के साथ बढ़ाता है: आप दृष्टि सेट करते हैं और एआई को "संचालित" करते हैं, और बदले में आपको एक कार्यात्मक ऐप मिलता है जिसे आप फिर पॉलिश और स्केल कर सकते हैं। मानव रचनात्मकता और एआई क्षमता के बीच यह तालमेल Google के AI Studio के केंद्र में है। प्लेटफ़ॉर्म अभी भी विकसित हो रहा है (अगले कुछ महीनों में और अधिक सुविधाओं का वादा किया गया है[47][48]), लेकिन यह पहले से ही स्पष्ट है कि वाइब कोडिंग नवाचार को तेज़ कर सकता है और नए ऐप विचारों को जीवन में लाने की बाधा को कम कर सकता है[49][50]। एक ऐसी दुनिया में जहां गति और पहुंच महत्वपूर्ण हैं, वाइब कोडिंग पर Google की शर्त – लोगों को बातचीत करके निर्माण करने देना – सॉफ़्टवेयर विकास में एक गेम-चेंजर साबित हो सकता है।

स्रोत: Google Cloud और AI Studio दस्तावेज़[51][52]; News9live (अक्टूबर 2025)[53][10]; VentureBeat (अक्टूबर 2025)[54][43]; SiliconANGLE (अक्टूबर 2025)[49][55]; TestingCatalog (अक्टूबर 2025)[4][56]; Learn Prompting ब्लॉग (सितंबर 2025)[5][6].

[1] [11] [13] [15] [16] [17] [18] [45] [51] [52] वाइब कोडिंग समझाया गया: टूल्स और गाइड्स | गूगल क्लाउड

https://cloud.google.com/discover/what-is-vibe-coding

[2] [3] [7] [10] [12] [20] [26] [31] [34] [47] [53] गूगल ने AI स्टूडियो में वाइब कोडिंग जोड़ा: AI के साथ चैट कर ऐप्स बनाएं | आर्टिफिशियल इंटेलिजेंस न्यूज़ - News9live

https://www.news9live.com/technology/artificial-intelligence/google-vibe-coding-explained-build-apps-fast-2898950

[4] [21] [32] [39] [48] [56] गूगल ने वाइब कोडिंग के लिए नई विशेषताओं के साथ एआई स्टूडियो का पुनर्गठन किया है

https://www.testingcatalog.com/google-revamps-ai-studio-with-new-features-for-vibe-coding/

[5] [6] [8] [22] गूगल एआई स्टूडियो में अगले एआई-संचालित ऐप के लिए वाइब कोड बनाएं

https://learnprompting.org/blog/ai-studio-build-mode?srsltid=AfmBOor93SD7PWwyeR5_MHEhpwSCEEtZA6HWD1KEmC4nWxIJEFMxkMSr

[9] [30] [33] [49] [50] [55] Google ने वाइब कोडिंग को अपनाया AI स्टूडियो ऐप डेवलपमेंट प्लेटफॉर्म के नवीनतम संस्करण के साथ - सिलिकनएंगल

https://siliconangle.com/2025/10/21/google-embraces-vibe-coding-latest-version-ai-studio-app-development-platform/

[14] गूगल एआई स्टूडियो के साथ मुफ्त ऑनलाइन वाइब कोडिंग: कोई भी ऐप्स बना सकता है! | अबीश पियस द्वारा | कृत्रिम बुद्धिमत्ता की दुनिया में लेखन | सितम्बर, 2025 | मीडियम

https://medium.com/chat-gpt-now-writes-all-my-articles/free-online-vibe-coding-with-google-ai-studio-anyone-can-build-apps-a303e7a1c664

Google का नया वाइब कोडिंग AI स्टूडियो अनुभव किसी को भी मिनटों में लाइव ऐप्स बनाने और तैनात करने देता है | वेंचरबीट

https://venturebeat.com/ai/googles-new-vibe-coding-ai-studio-experience-lets-anyone-build-deploy-apps