कॉपी करता येणारे 30 Vibe Coding प्रॉम्प्ट्स (चीटशीट)

सर्वोत्तम vibe coding प्रॉम्प्ट्स लहान, विशिष्ट आणि वर्तनाविषयी असतात: ॲप कोण वापरते, ते काय करू शकते, काय साठवते आणि कसे दिसते. खाली 30 प्रॉम्प्ट्स आहेत जे तुम्ही कॉपी-पेस्ट करू शकता, तुम्ही कोणत्या टप्प्यावर आहात त्यानुसार गटबद्ध, पहिल्या बिल्डपासून प्रकाशनापर्यंत. [brackets] मधील भाग तुमच्या तपशिलांनी बदला.

ते कोणत्याही AI ॲप बिल्डर किंवा कोडिंग एजंटमध्ये चालतात. त्यामागील तर्क हवा असल्यास, AI ॲप बिल्डर्ससाठी प्रॉम्प्ट्स कसे लिहायचे हे आमचे लांब मार्गदर्शक तत्त्वे समजावते. हे पान चीटशीट आहे.

ही चीटशीट कशी वापरायची

• एका पहिल्या-बिल्ड प्रॉम्प्टने सुरुवात करा, मग बाकीचे एका वेळी एक वापरा.
• प्रत्येक प्रॉम्प्टनंतर तपासा. पुढचा पाठवण्याआधी बदल क्लिक करून पहा.
• जे चालते ते ठेवा. इथले बहुतेक पाठपुरावा प्रॉम्प्ट्स "बाकी सर्व तसेच ठेवा" असे संपतात, त्यामागे कारण आहे.
• मजकूर जसाच्या तसा पेस्ट करा. एररचे संदेश, बटणांची लेबले आणि स्क्रीनवरील शब्द वर्णनांपेक्षा नेहमी सरस असतात.

पहिल्या बिल्डचे प्रॉम्प्ट्स

हे ॲपचा आकार ठरवतात. प्रत्येक वापरकर्ते, कृती, डेटा आणि देखावा नावाने सांगतो.

1. साधा ट्रॅकर

माझ्यासाठी [सवय] ट्रॅकर बनवा. मी नाव आणि रंगासह [सवय] जोडू शकतो, दररोज एकदा टिक करू शकतो, आणि 30-दिवसांची ग्रिड व माझी सलग दिवसांची मोजणी पाहू शकतो. सर्व काही सेव्ह करा म्हणजे रिफ्रेशनंतरही राहील. स्वच्छ, किमान डिझाइन जे फोनवर चालते.

2. छोट्या व्यवसायाचे बुकिंग पान

माझ्या [हेअर सलूनसाठी] बुकिंग पान बनवा. ग्राहक सेवा ([कट 30 मिनिटे, कलर 90 मिनिटे]), तारीख आणि [9:00 ते 18:00] दरम्यानचा मोकळा वेळ-स्लॉट निवडतात, मग नाव, फोन आणि ईमेल भरतात. दोन लोक एकाच स्लॉटसाठी बुकिंग करू शकत नाहीत. मला एक खाजगी ॲडमिन पेज हवे, लॉगिनच्या मागे, जे दिवसानुसार येणारी बुकिंग्ज दाखवते.

3. अंतर्गत टूल

माझ्या टीमसाठी [उपकरण कर्ज] ट्रॅक करणारे अंतर्गत टूल बनवा. प्रत्येक वस्तूला नाव, कोड आणि स्थिती (उपलब्ध, कर्जावर, खराब) असते. स्टाफ लॉग इन करतो, वस्तू स्वतःसाठी चेक आउट करू शकतो आणि परत चेक इन करू शकतो. स्थितीनुसार फिल्टरसह टेबल आणि प्रत्येक वस्तू कोणाकडे होती याचा इतिहास दाखवा.

4. वेटलिस्टसह लँडिंग पेज

[माझे उत्पादन: व्यस्त पालकांसाठी जेवण-नियोजन ॲप] साठी एक-पानी वेबसाइट बनवा. शीर्षकासह हिरो, एक-वाक्याचे उपशीर्षक आणि ईमेल साइन-अप. मग तीन फायदे, एक छोटा कसे-काम-करते विभाग आणि FAQ. साइन-अप ईमेल्स डेटाबेसमध्ये सेव्ह करा आणि खाजगी ॲडमिन पेजवर यादी दाखवा.

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

माझ्या [डिझाइन स्टुडिओसाठी] क्लायंट पोर्टल बनवा. प्रत्येक क्लायंट लॉग इन करतो आणि फक्त त्याचे स्वतःचे प्रोजेक्ट्स पाहतो, ज्यात स्थिती, मी अपलोड केलेल्या फाइल्स आणि कमेंट थ्रेड असते. मी ॲडमिन म्हणून लॉग इन करून सर्व क्लायंट पाहतो. क्लायंट्सनी एकमेकांचा डेटा कधीच पाहू नये.

6. कॅल्क्युलेटर किंवा कोट टूल

माझ्या [क्लीनिंग व्यवसायासाठी] कोट कॅल्क्युलेटर बनवा. इनपुट: बेडरूमची संख्या, बाथरूमची संख्या, अतिरिक्त सेवा (ओव्हन, खिडक्या, फ्रिज) आणि वारंवारता (एकदाच, साप्ताहिक, मासिक). पर्याय बदलतील तसे किंमत तपशिलासह दाखवा. किंमती: [तुमची किंमत यादी पेस्ट करा]. कोट विनंती ईमेलने मला पाठवण्यासाठी बटण जोडा.

नियोजनाचे प्रॉम्प्ट्स

मोठ्या फीचरपूर्वी, किंवा एखादी गोष्ट कशी वर्णन करायची ते माहीत नसेल तेव्हा हे वापरा.

7. बनवण्यापूर्वी योजना

कोणताही कोड लिहिण्यापूर्वी साध्या शब्दांत सांगा की तुम्ही कोणत्या स्क्रीन्स बनवाल, कोणता डेटा साठवाल आणि मला कोणते निर्णय घ्यायचे आहेत. माझ्या होकाराची वाट पाहा.

8. गोंधळलेल्या कल्पनेला पहिली आवृत्ती बनवा

माझी कल्पना येथे आहे: [नोट्स पेस्ट करा]. सर्वात लहान पहिली आवृत्ती सुचवा जी तरीही उपयुक्त आहे, 5–8 बुलेट पॉइंट्समध्ये. नंतरसाठी काय सोडाल आणि का ते सांगा.

9. काय राहिले ते विचारा

हे बनवण्यापूर्वी एका डेव्हलपरने मला कोणते प्रश्न विचारले असते? ते एक-एक करून विचारा, मग माझी उत्तरे एका लहान स्पेकमध्ये सारांशित करा.

10. मोठा बदल आधी तपासा

मला [टीम अकाउंट्स जिथे अनेक लोक एक वर्कस्पेस शेअर करतात] जोडायचे आहे. डेटा, स्क्रीन्स आणि परवानग्यांमध्ये काय बदलावे लागेल आणि काय तुटू शकते ते समजावा. अजून काहीही बदलू नका.

डिझाइनचे प्रॉम्प्ट्स

11. स्पष्ट शैली ठरवा

ॲपची शैली बदला: उबदार ऑफ-व्हाइट पार्श्वभूमी, गडद मजकूर, एक ॲक्सेंट रंग [#1F6F50], गोलाकार कोपरे, मोकळी जागा आणि आधुनिक sans-serif फॉन्ट. लेआउट आणि प्रत्येक फीचर अगदी तसेच ठेवा.

12. संदर्भाचा अनुभव कॉपी करा

डॅशबोर्डला शांत वित्त ॲपसारखे वाटू द्या: भरपूर पांढरी जागा, मोठे आणि ठळक आकडे, लहान राखाडी लेबले, वर एक साधा चार्ट. कोणत्याही ब्रँडचा लोगो किंवा मजकूर कॉपी करू नका.

13. फोन लेआउट दुरुस्त करा

375px रुंदीच्या फोनवर [Orders पेजवरील] टेबल बाजूला स्क्रोल होते आणि बटणे एकमेकांवर येतात. लहान स्क्रीनवर प्रत्येक ओळ स्टॅक केलेले कार्ड करा. डेस्कटॉप लेआउट बदलू नका.

14. रिक्त, लोडिंग आणि एरर स्थिती

[Projects यादीत] योग्य स्थिती जोडा: पहिला प्रोजेक्ट जोडण्यासाठी बटणासह मैत्रीपूर्ण रिक्त स्थिती, डेटा लोड होताना लोडिंग स्केलेटन, आणि लोड अयशस्वी झाल्यास पुन्हा प्रयत्नाच्या बटणासह स्पष्ट संदेश.

15. उजवीकडून-डावीकडे समर्थन

इंटरफेसची अरबी आवृत्ती पूर्ण उजवीकडून-डावीकडे लेआउटसह जोडा. दिशादर्शक चिन्हे उलटी करा; संख्या आणि तारखा स्थानिक स्वरूपात असाव्यात. डीफॉल्ट इंग्रजी ठेवा.

डेटा आणि फीचर प्रॉम्प्ट्स

16. डेटा टिकवा

सध्या रिफ्रेश केल्यावर माझा डेटा गायब होतो. त्याऐवजी खऱ्या डेटाबेसमध्ये साठवा, आणि सध्याची स्क्रीन्स त्याच पद्धतीने चालू ठेवा.

17. लॉगिन जोडा

ईमेल आणि पासवर्डने साइन-अप आणि लॉगिन जोडा. प्रत्येक युझरने फक्त स्वतःच्या [नोंदी] पाहाव्या आणि संपादित कराव्यात. युझरचा ईमेल वरच्या बारमध्ये लॉग-आउट बटणासह दाखवा.

18. भूमिका जोडा

दोन भूमिका जोडा: admin आणि member. Admins [उत्पादने] जोडू, संपादित आणि हटवू शकतात; members फक्त पाहू शकतात. हे सर्व्हरवर लागू करा, फक्त बटणे लपवून नव्हे.

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 की आहे: …" चॅटमध्ये सीक्रेट्स कधीच पेस्ट करू नका. टूलच्या सीक्रेट्स सेटिंग्ज वापरा.
• एका संदेशात दहा फीचर्स. त्यांचे तुकडे करा.

प्रॉम्प्ट्सची सवय बनवणे

काही प्रोजेक्ट्सनंतर तुमच्या स्वतःच्या आवृत्त्या तयार होतील. त्या एका नोटमध्ये ठेवा आणि जे चालते ते पुन्हा वापरा. Mythex तुम्ही कोण आहात आणि प्रोजेक्ट्समध्ये कसे काम करता ते देखील लक्षात ठेवते, त्यामुळे तुमची नेहमीची शैली किंवा स्टॅक यांसारखी पसंती पुन्हा टाइप न करता पुढे जाते.

पहिला प्रॉम्प्ट अडला असेल, तर मोफत ॲप प्रॉम्प्ट जनरेटर एका ओळीच्या कल्पनेचे पूर्ण सुरुवातीचे प्रॉम्प्ट बनवतो. आणि ते प्रत्यक्षात काय निर्माण करतात ते पाहण्यासाठी vibe coding उदाहरणे वाचा, किंवा प्रॉम्प्ट 1 AI ॲप बिल्डर मध्ये पेस्ट करा आणि brackets मध्ये तुमची कल्पना टाका.

प्रश्न