30 Vibe Coding AI प्रॉम्प्ट जिन्हें आप कॉपी कर सकते हैं (चीट शीट)

सबसे अच्छे vibe coding प्रॉम्प्ट छोटे, ख़ास और व्यवहार के बारे में होते हैं: ऐप कौन इस्तेमाल करता है, वह क्या कर सकता है, ऐप क्या रखता है और कैसा दिखता है। नीचे 30 प्रॉम्प्ट हैं जिन्हें आप कॉपी-पेस्ट कर सकते हैं, आपके चरण के हिसाब से बाँटे गए: पहले बिल्ड से लेकर पब्लिशिंग तक। [ब्रैकेट] वाले हिस्सों को अपने ब्योरे से बदल दें।

ये किसी भी AI ऐप बिल्डर या कोडिंग एजेंट में काम करते हैं। अगर आप इनके पीछे का तर्क जानना चाहते हैं, तो हमारी लंबी गाइड AI ऐप बिल्डर के लिए प्रॉम्प्ट कैसे लिखें सिद्धांत समझाती है। यह पेज चीट शीट है।

इस चीट शीट का इस्तेमाल कैसे करें

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

पहले-बिल्ड प्रॉम्प्ट

ये ऐप का आकार तय करते हैं। हर एक में यूज़र, क्रियाएँ, डेटा और लुक का नाम होता है।

1. सादा ट्रैकर

मेरे लिए [हैबिट] ट्रैकर बनाओ। मैं नाम और रंग के साथ [हैबिट] जोड़ सकूँ, उसे दिन में एक बार टिक कर सकूँ, और 30 दिन का ग्रिड और मौजूदा स्ट्रीक देख सकूँ। सब कुछ सेव करो ताकि रीफ़्रेश के बाद भी रहे। साफ़, मिनिमल डिज़ाइन जो फ़ोन पर चले।

2. छोटे बिज़नेस का बुकिंग पेज

मेरे [हेयर सैलून] के लिए बुकिंग पेज बनाओ। ग्राहक एक सर्विस ([कट 30 मिनट, कलर 90 मिनट]), तारीख और [9:00 से 18:00] के बीच ख़ाली टाइम स्लॉट चुनें, फिर नाम, फ़ोन और ईमेल डालें। दो लोग एक ही स्लॉट बुक न कर सकें। मुझे लॉगिन के पीछे एक प्राइवेट एडमिन पेज चाहिए जो आने वाली बुकिंग दिन के हिसाब से दिखाए।

3. इंटरनल टूल

मेरी टीम के लिए [उपकरण उधार] ट्रैक करने का इंटरनल टूल बनाओ। हर आइटम में नाम, कोड और स्टेटस (उपलब्ध, उधार पर, ख़राब) हो। स्टाफ़ लॉगिन करके आइटम ख़ुद के नाम चेक-आउट और वापस चेक-इन कर सके। स्टेटस से फ़िल्टर वाली टेबल और हर आइटम किसके पास था उसका इतिहास दिखाओ।

4. वेटलिस्ट वाला लैंडिंग पेज

[मेरे प्रोडक्ट: व्यस्त माता-पिता के लिए मील-प्लानिंग ऐप] के लिए एक-पेज की वेबसाइट बनाओ। हीरो में हेडलाइन, एक वाक्य की सबहेडिंग और ईमेल साइन-अप हो। फिर तीन फ़ायदे, कैसे काम करता है का छोटा सेक्शन और FAQ। साइन-अप ईमेल डेटाबेस में सेव करो और सूची मुझे प्राइवेट एडमिन पेज पर दिखाओ।

5. क्लाइंट पोर्टल

मेरे [डिज़ाइन स्टूडियो] के लिए क्लाइंट पोर्टल बनाओ। हर क्लाइंट लॉगिन करके सिर्फ़ अपने प्रोजेक्ट देखे, स्टेटस के साथ, मेरी अपलोड की फ़ाइलों के साथ और कमेंट थ्रेड के साथ। मैं एडमिन के रूप में लॉगिन करके सभी क्लाइंट देखूँ। क्लाइंट्स को एक-दूसरे का डेटा कभी नहीं दिखना चाहिए।

6. कैलकुलेटर या कोट टूल

मेरे [सफ़ाई के बिज़नेस] के लिए कोट कैलकुलेटर बनाओ। इनपुट: बेडरूम की संख्या, बाथरूम, अतिरिक्त सर्विस (ओवन, खिड़कियाँ, फ़्रिज) और आवृत्ति (एक बार, साप्ताहिक, मासिक)। विकल्प बदलते ही कीमत ब्रेकडाउन के साथ दिखाओ। कीमतें: [अपनी प्राइस लिस्ट पेस्ट करें]। कोट अनुरोध मुझे ईमेल से भेजने वाला बटन जोड़ो।

प्लानिंग प्रॉम्प्ट

इन्हें किसी बड़े फ़ीचर से पहले इस्तेमाल करें, या जब भी पक्का न हो कि कुछ कैसे बताएँ।

7. बनाने से पहले प्लान

कोड लिखने से पहले सादे शब्दों में बताओ कि तुम कौन-सी स्क्रीन बनाओगे, कौन-सा डेटा स्टोर करोगे और मुझसे किन फ़ैसलों की ज़रूरत है। मेरी मंज़ूरी का इंतज़ार करो।

8. उलझे आइडिया को पहले वर्शन में बदलें

यह मेरा आइडिया है: [नोट्स पेस्ट करें]। 5–8 बुलेट में सबसे छोटा पहला वर्शन सुझाओ जो फिर भी काम का हो। बताओ कि बाद के लिए क्या छोड़ोगे और क्यों।

9. पूछें कि क्या छूट रहा है

इसे बनाने से पहले एक डेवलपर मुझसे कौन-से सवाल पूछेगा? उन्हें एक-एक करके पूछो, फिर मेरे जवाबों का छोटे स्पेक के रूप में सार दो।

10. बड़े बदलाव को पहले परखें

मैं [टीम अकाउंट जहाँ कई लोग एक वर्कस्पेस साझा करें] जोड़ना चाहता हूँ। समझाओ कि डेटा, स्क्रीन और परमिशन में क्या बदलना होगा और क्या टूट सकता है। अभी कुछ मत बदलो।

डिज़ाइन प्रॉम्प्ट

11. साफ़ स्टाइल तय करें

ऐप की स्टाइल बदलो: गर्म ऑफ़-व्हाइट बैकग्राउंड, गहरा टेक्स्ट, एक एक्सेंट रंग [#1F6F50], गोल कोने, खुली स्पेसिंग और आधुनिक सैन्स-सेरिफ़ फ़ॉन्ट। लेआउट और हर फ़ीचर बिल्कुल वैसा ही रखो।

12. किसी रेफ़रेंस का एहसास लाएँ

डैशबोर्ड को शांत फ़ाइनेंस ऐप जैसा बनाओ: ढेर सारी ख़ाली जगह, बड़े और बोल्ड नंबर, छोटे ग्रे लेबल, ऊपर एक सादा चार्ट। किसी ब्रांड का लोगो या टेक्स्ट कॉपी मत करो।

13. फ़ोन का लेआउट ठीक करें

375px चौड़े फ़ोन पर [Orders पेज] की टेबल बग़ल में स्क्रॉल होती है और बटन एक-दूसरे पर चढ़ जाते हैं। छोटी स्क्रीन पर हर पंक्ति को स्टैक्ड कार्ड में बदलो। डेस्कटॉप लेआउट मत बदलो।

14. ख़ाली, लोडिंग और एरर स्टेट

[Projects सूची] में सही स्टेट जोड़ो: पहला प्रोजेक्ट जोड़ने वाले बटन के साथ दोस्ताना ख़ाली स्टेट, डेटा लोड होते समय लोडिंग स्केलेटन, और लोड फ़ेल होने पर रीट्राई बटन के साथ साफ़ संदेश।

15. Right-to-left सपोर्ट

इंटरफ़ेस का अरबी वर्शन जोड़ो जिसमें पूरा right-to-left लेआउट हो। दिशा बताने वाले आइकन पलटें; नंबर और तारीखें लोकेल के फ़ॉर्मैट में हों। अंग्रेज़ी को डिफ़ॉल्ट रखो।

डेटा और फ़ीचर प्रॉम्प्ट

16. डेटा को बनाए रखें

अभी रीफ़्रेश करने पर मेरा डेटा ग़ायब हो जाता है। इसके बजाय उसे असली डेटाबेस में स्टोर करो, और मौजूदा स्क्रीन पहले की तरह चलने दो।

17. लॉगिन जोड़ें

ईमेल और पासवर्ड से साइन-अप और लॉगिन जोड़ो। हर यूज़र सिर्फ़ अपनी [एंट्रीज़] देखे और एडिट करे। टॉप बार में यूज़र का ईमेल और लॉग-आउट बटन दिखाओ।

18. रोल जोड़ें

दो रोल जोड़ो: एडमिन और मेंबर। एडमिन [प्रोडक्ट] जोड़, एडिट और डिलीट कर सकें; मेंबर सिर्फ़ देख सकें। इसे सर्वर पर लागू करो, सिर्फ़ बटन छिपाकर नहीं।

19. सर्च और फ़िल्टर जोड़ें

[कॉन्टैक्ट सूची] के ऊपर सर्च बॉक्स जोड़ो जो टाइप करते समय नाम, कंपनी या ईमेल से मैच करे, साथ में [स्टेटस] का फ़िल्टर। मौजूदा सॉर्ट क्रम रखो।

20. फ़ाइल अपलोड जोड़ें

यूज़र्स को हर [लिस्टिंग] में अधिकतम [5] इमेज, हर एक अधिकतम [5 MB], जोड़ने दो। लिस्टिंग पर थंबनेल और क्लिक करने पर बड़ा व्यू दिखाओ। सिर्फ़ मालिक अपनी इमेज डिलीट कर सके।

21. स्प्रेडशीट से इंपोर्ट

Import बटन जोड़ो जो [name, email, phone, notes] कॉलम वाली CSV ले, पहली 10 पंक्तियों का प्रीव्यू दिखाए और सेव करने से पहले मुझसे पुष्टि करवाए। बिना ईमेल वाली पंक्तियाँ छोड़ दो और बताओ कितनी छोड़ीं।

ठीक करने वाले प्रॉम्प्ट

22. बग साफ़ तरीके से बताएँ

जब मैं [एडिट फ़ॉर्म पर Save क्लिक] करता हूँ, तो "[सटीक एरर टेक्स्ट]" दिखता है और बदलाव सेव नहीं होता। अपेक्षित: बदलाव सेव हो और मैं सूची पर लौटूँ। वजह ढूँढो, एक-दो वाक्य में समझाओ, फिर ठीक करो।

23. फ़िक्स का लूप रोकें

हमने इसे तीन बार ठीक करने की कोशिश की और यह अब भी फ़ेल होता है। कोड बदलना रोको। तीन सबसे संभावित वजहें, हर एक को जाँचने का तरीका और तुम्हारे हिसाब से कौन-सी है, यह बताओ।

24. साइड इफ़ेक्ट पलटें

तुम्हारे पिछले बदलाव ने डेट पिकर ठीक किया पर [साइडबार] ग़ायब हो गया। साइडबार को बिल्कुल पहले जैसा वापस लाओ और डेट पिकर का फ़िक्स रखो।

25. बदलने से पहले समझाओ

समझाओ कि अभी [चेकआउट का कुल योग] कैसे निकलता है, स्टेप-बाय-स्टेप, शामिल फ़ाइलों का ज़िक्र करते हुए। कुछ मत बदलो।

टेस्टिंग और रिव्यू प्रॉम्प्ट

26. एज केस

ऐसे 10 तरीके बताओ जिनसे कोई असली यूज़र [बुकिंग फ़ॉर्म] को तोड़ सकता है: ख़ाली फ़ील्ड, बहुत लंबा टेक्स्ट, डबल क्लिक, एक साथ दो लोग, ग़लत टाइम ज़ोन। हर एक को टेस्ट करो और जो फ़ेल हो उसे ठीक करो। बताओ क्या बदला।

27. हाल के बदलावों का सार

पिछले [पाँच] स्टेप में तुमने जो भी बदलाव किए उन सबका सादे शब्दों में सार दो, और जो कुछ मौजूदा डेटा पर असर डाल सकता हो उसे चिह्नित करो।

सिक्योरिटी प्रॉम्प्ट

इन्हें हमारे पेज क्या vibe coding सुरक्षित है के साथ इस्तेमाल करें।

28. डेटा एक्सेस जाँचें

सर्वर कोड जाँचो: क्या लॉगिन किया हुआ यूज़र रिक्वेस्ट में ID बदलकर दूसरे यूज़र के [रिकॉर्ड] पढ़ या बदल सकता है? दिखाओ कि एक्सेस कहाँ जाँचा जाता है और जो कमियाँ हों उन्हें ठीक करो।

29. उजागर सीक्रेट जाँचें

इस ऐप में इस्तेमाल होने वाली हर API की, पासवर्ड या टोकन और उनमें से हर एक कहाँ स्टोर है, इसकी सूची बनाओ। पक्का करो कि इनमें से कोई ब्राउज़र में चलने वाले कोड में या फ़ाइलों में कमिट न हो। अगर हो तो उन्हें सीक्रेट्स में ले जाओ।

पब्लिशिंग प्रॉम्प्ट

30. लॉन्च से पहले की जाँच

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

जिन प्रॉम्प्ट से बचें

कुछ प्रॉम्प्ट लगातार ख़राब नतीजे देते हैं:

• "इसे बेहतर बनाओ।" कैसे बेहतर? स्क्रीन और बदलाव का नाम बताएँ।
• "सब कुछ ठीक करो।" AI बहुत कुछ बदल देगा और आपको पता नहीं चलेगा कि क्या हिला।
• "[लाइब्रेरी] और [फ़्रेमवर्क] और [पैटर्न] इस्तेमाल करो।" जब तक कोई वजह न हो, व्यवहार बताएँ और स्टैक टूल को चुनने दें।
• "मेरी API key यह है: …" चैट में सीक्रेट कभी पेस्ट न करें। टूल की सीक्रेट सेटिंग इस्तेमाल करें।
• एक संदेश में दस फ़ीचर। उन्हें बाँट दें।

प्रॉम्प्ट को आदत बनाना

कुछ प्रोजेक्ट के बाद आपके पास इनके अपने वर्शन होंगे। उन्हें किसी नोट में रखें और जो चलते हैं उन्हें दोबारा इस्तेमाल करें। Mythex प्रोजेक्ट्स के पार यह भी याद रखता है कि आप कौन हैं और कैसे काम करते हैं, इसलिए जो पसंद आप दोहराते हैं, जैसे आपकी सामान्य स्टाइल या स्टैक, वे दोबारा टाइप किए बिना साथ चलती हैं।

अगर पहले प्रॉम्प्ट पर अटके हैं, तो मुफ़्त ऐप प्रॉम्प्ट जनरेटर एक पंक्ति के आइडिया को ज़्यादा पूरे शुरुआती प्रॉम्प्ट में बदल देता है। और व्यवहार में ये प्रॉम्प्ट क्या बनाते हैं, यह देखने के लिए हमारे vibe coding के उदाहरण पढ़ें, या प्रॉम्प्ट 1 को AI ऐप बिल्डर में पेस्ट करें और ब्रैकेट अपने आइडिया से बदल दें।

सवाल