Vibe Coding उदाहरणे: 10 खऱ्या ॲप प्रकार, प्रॉम्प्ट्स आणि काय चुकले

सर्वाधिक सामान्य vibe coding उदाहरणे म्हणजे लहान, उपयुक्त वेब ॲप्स: ट्रॅकर्स, बुकिंग पाने, अंतर्गत टूल्स, क्लायंट पोर्टल्स, लँडिंग पाने, क्विझ, डॅशबोर्ड्स आणि साधी AI टूल्स. खाली त्यापैकी दहा दिली आहेत. प्रत्येकासाठी तुम्हाला ते कोण बनवतो, पहिला प्रॉम्प्ट, सहसा काय चुकते आणि ते दुरुस्त करणारा पाठपुरावा प्रॉम्प्ट दिसेल.

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

1. वैयक्तिक बजेट ट्रॅकर

हे कोण बनवतो: स्प्रेडशीट वापरून कंटाळलेले व्यक्ती.

पहिला प्रॉम्प्ट:

मासिक बजेट ट्रॅकर बनवा. मी रक्कम, वर्ग (अन्न, भाडे, प्रवास, मौज, इतर), तारीख आणि नोट यांसह खर्च जोडतो. चालू महिन्याचा प्रत्येक वर्गानुसार एकूण बार चार्टमध्ये आणि अलीकडील खर्चांची यादी दाखवा. मी प्रत्येक वर्गासाठी बजेट ठरवू शकतो आणि किती शिल्लक आहे ते पाहू शकतो.

काय चुकले: चार्टमध्ये आजपर्यंतचे प्रत्येक खर्च मोजले गेले, फक्त हा महिना नाही, त्यामुळे दुसऱ्या महिन्यापर्यंत प्रत्येक वर्ग जास्त खर्चाचा दिसू लागला. तसेच स्वल्पविरामाने ("1,200") टाइप केलेल्या रकमा 1 म्हणून सेव्ह झाल्या.

दुरुस्ती प्रॉम्प्ट:

चार्ट आणि एकूण रकमा फक्त निवडलेल्या महिन्यातील खर्च समाविष्ट करा. वर एक महिना निवडक जोडा, डीफॉल्ट चालू महिना. तसेच स्वल्पविराम किंवा स्पेससह टाइप केलेल्या रकमा स्वीकारा आणि त्या संख्या म्हणून साठवा.

धडा: "हा महिना" हा एक नियम आहे. नियम मोठ्याने सांगा.

2. छोट्या सलूनसाठी बुकिंग पान

हे कोण बनवतो: फोन आणि DM वरून बुकिंग करून थकलेले छोटे व्यवसाय मालक.

पहिला प्रॉम्प्ट:

माझ्या सलूनसाठी बुकिंग पान बनवा. ग्राहक सेवा, तारीख आणि मोकळा वेळ-स्लॉट निवडतात, मग नाव आणि फोन भरतात. माझ्याकडे लॉगिनच्या मागे एक खाजगी ॲडमिन पेज आहे, जे दिवसानुसार बुकिंग्ज दाखवते.

काय चुकले: दोन ग्राहकांनी एका मिनिटाच्या अंतरात एकच 10:00 स्लॉट बुक केला, कारण पेजने पहिल्यांदा लोड होतानाच उपलब्धता तपासली. तसेच 90-मिनिटांच्या कलर बुकिंगने त्यानंतरचे स्लॉट ब्लॉक केले नाहीत.

दुरुस्ती प्रॉम्प्ट:

ग्राहक बुकिंग सबमिट करतो तेव्हा, सर्व्हरवर तपासा की ते व्यापणारा प्रत्येक स्लॉट अजूनही मोकळा आहे, आणि नसेल तर "ती वेळ नुकतीच घेतली गेली" असे सांगून नकार द्या. सेवा तिच्या पूर्ण लांबीचे स्लॉट ब्लॉक करते, त्यामुळे 10:00 ला 90-मिनिटांचे बुकिंग 10:00, 10:30 आणि 11:00 ब्लॉक करते.

धडा: दोन लोक एकाच वेळी जे करू शकतात त्यासाठी सर्व्हर-बाजूची तपासणी लागते. संपूर्ण आवृत्तीसाठी बुकिंग ॲप कसे बनवायचे पाहा.

3. QR कोडसह रेस्टॉरंट मेनू

हे कोण बनवतो: मेनू वारंवार पुन्हा छापणारे कॅफे आणि रेस्टॉरंट मालक.

पहिला प्रॉम्प्ट:

माझ्या कॅफेसाठी मोबाइल मेनू वेबसाइट बनवा. नाश्ता, दुपारचे जेवण, पेये आणि मिष्टान्नांसाठी विभाग, प्रत्येक पदार्थाला नाव, किंमत, छोटे वर्णन आणि आहार टॅग्ज (व्हेगन, ग्लूटेन-फ्री). पदार्थ संपादित करण्यासाठी आणि "संपले" म्हणून चिन्हांकित करण्यासाठी मला ॲडमिन पेज हवे. मेनूकडे नेणारा प्रिंट करता येईल असा QR कोड दाखवा.

काय चुकले: काहीही तुटले नाही, पण कॅफेच्या Wi-Fi वर मेनू संथ होता, कारण प्रत्येक पदार्थासाठी पूर्ण आकाराचे फोन फोटो लोड होत होते.

दुरुस्ती प्रॉम्प्ट:

मेनूचे फोटो खूप जड आहेत. अपलोड केलेल्या प्रतिमा जास्तीत जास्त 800px रुंद करा, त्या संकुचित करा आणि अभ्यागत स्क्रोल करताना हळूहळू लोड करा.

धडा: फक्त तुमच्या ऑफिसमधील नव्हे, संथ कनेक्शनवरही चाचणी करा.

4. संघासाठी उपकरण किंवा स्टॉक ट्रॅकर

हे कोण बनवतो: शेअर केलेली स्प्रेडशीट बदलणारे ऑपरेशन्स लोक.

पहिला प्रॉम्प्ट:

आमच्या वेअरहाऊस टीमसाठी इन्व्हेंटरी टूल बनवा. वस्तूंना नाव, SKU, प्रमाण, ठिकाण आणि किमान पातळी असते. स्टाफ लॉग इन करतो आणि स्टॉक जोडू शकतो, कारणासह स्टॉक काढू शकतो, आणि किमानपेक्षा कमी असलेल्या वस्तू लाल रंगात हायलाइट केलेली यादी पाहू शकतो. प्रत्येक बदलाचा आणि कोणी केला त्याचा इतिहास ठेवा.

काय चुकले: इतिहासात नावांऐवजी "user 3" दिसत होते, आणि उपलब्ध असलेल्यापेक्षा जास्त स्टॉक काढल्याने प्रमाण ऋण झाले.

दुरुस्ती प्रॉम्प्ट:

इतिहासात व्यक्तीचा ID नव्हे तर नाव दाखवा. प्रमाण शून्याच्या खाली नेणारा काढणे परवानगी देऊ नका; त्याऐवजी "फक्त 4 स्टॉकमध्ये" दाखवा.

धडा: काय शक्य असावे तेच नव्हे, तर काय अशक्य असावे तेही वर्णन करा. इन्व्हेंटरी ॲप कसे बनवायचे या मार्गदर्शकात उर्वरित भाग आहे.

5. फ्रीलांसर किंवा स्टुडिओसाठी क्लायंट पोर्टल

हे कोण बनवतो: डिझाइनर, लेखापाल, सल्लागार आणि एजन्सी.

पहिला प्रॉम्प्ट:

क्लायंट पोर्टल बनवा. मी क्लायंट्सना ईमेलने आमंत्रित करतो. प्रत्येक क्लायंट लॉग इन करतो आणि फक्त त्याचे स्वतःचे प्रोजेक्ट्स, फाइल्स आणि इनव्हॉइस पाहतो, आणि कमेंट करू शकतो. मी ॲडमिन म्हणून लॉग इन करतो आणि सर्व काही पाहतो.

काय चुकले: ही यादीतील सर्वात महत्त्वाची अपयश आहे. पाने फक्त प्रत्येक क्लायंटला त्याचेच प्रोजेक्ट्स दाखवत होती, पण पत्त्याच्या पट्टीतील संख्या बदलली तर सर्व्हर कोणताही प्रोजेक्ट परत करत होता. एका क्लायंटच्या भूमिकेत क्लिक करून कधी ते उघड झाले नाही.

दुरुस्ती प्रॉम्प्ट:

प्रोजेक्ट्स, फाइल्स, कमेंट्स किंवा इनव्हॉइस परत करणारा प्रत्येक सर्व्हर मार्ग तपासा. प्रत्येकाने लॉग इन केलेला क्लायंट त्या रेकॉर्डचा मालक आहे याची खात्री करावी, नाहीतर "सापडले नाही" परत करावे. मग चाचणी करा: क्लायंट A म्हणून लॉग इन करा आणि त्याच्या ID वरून क्लायंट B चा प्रोजेक्ट उघडण्याचा प्रयत्न करा.

धडा: स्क्रीनवर काही लपवणे म्हणजे त्याचे संरक्षण करणे नव्हे. याबद्दल अधिक vibe coding सुरक्षित आहे का? मध्ये आहे.

6. वेटलिस्टसह लाँच पेज

हे कोण बनवतो: कल्पना बांधण्यापूर्वी तपासणारे संस्थापक.

पहिला प्रॉम्प्ट:

शिक्षकांना धडे शेड्युल करण्यास आणि पेमेंट गोळा करण्यास मदत करणाऱ्या ॲपसाठी लँडिंग पेज बनवा. हिरो शीर्षक, उपशीर्षक, ईमेल साइन-अप, तीन फायदे, कसे-काम-करते विभाग आणि FAQ. साइन-अप्स तारखेसह डेटाबेसमध्ये सेव्ह करा आणि मला खाजगी पेजवरून CSV म्हणून डाउनलोड करू द्या.

काय चुकले: काही दिवसांत यादी बॉट्सच्या निरुपयोगी साइन-अप्सनी भरली, आणि पेजला शीर्षक किंवा वर्णन नसल्याने शेअर केलेल्या लिंक्सचे पूर्वावलोकन रिकामे दिसत होते.

दुरुस्ती प्रॉम्प्ट:

साइन-अप फॉर्मला मूलभूत बॉट संरक्षण जोडा (एक लपलेले हनीपॉट फील्ड आणि प्रति IP प्रति तास 5 साइन-अप्सची मर्यादा). पेज शीर्षक, meta वर्णन आणि सोशल शेअरिंग प्रतिमा जोडा.

धडा: सार्वजनिक फॉर्म सापडतो. वेटलिस्ट पेज कसे बनवायचे पाहा.

7. शिक्षकासाठी क्विझ ॲप

हे कोण बनवतो: LMS पेक्षा हलके काहीतरी हवे असलेले शिक्षक आणि प्रशिक्षक.

पहिला प्रॉम्प्ट:

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

काय चुकले: बरोबर उत्तरे प्रश्नांसोबत ब्राउझरला पाठवली जात होती, त्यामुळे एखादा उत्सुक विद्यार्थी पेज सोर्समध्ये ती वाचू शकत होता. विद्यार्थी 100% मिळेपर्यंत पुन्हा सबमिट करू शकत होते.

दुरुस्ती प्रॉम्प्ट:

बरोबर उत्तरे ब्राउझरला पाठवू नका. सबमिशननंतर सर्व्हरवर उत्तरे तपासा. प्रति क्विझ प्रति विद्यार्थी नाव एकदाच सबमिशन परवानगी द्या, आणि कोणी पुन्हा प्रयत्न केला तर शिक्षकाला दाखवा.

धडा: ब्राउझर युझरचा आहे. तिथे जे आहे ते वाचता येते.

8. छोटे AI टूल

हे कोण बनवतो: मार्केटर्स, लेखक आणि संस्थापक ज्यांना केंद्रित AI सहाय्यक हवा आहे.

पहिला प्रॉम्प्ट:

उत्पादनाच्या वर्णनाला वेगवेगळ्या सुरांमध्ये (मैत्रीपूर्ण, तज्ज्ञ, खेळकर, छोटे, मोठे) पाच सोशल मीडिया पोस्ट्समध्ये बदलणारे टूल बनवा. AI API वापरा. मी वर्णन पेस्ट करतो, प्लॅटफॉर्म निवडतो, आणि कॉपी बटणांसह पोस्ट्स मिळतात.

काय चुकले: पहिल्या आवृत्तीने पानामध्येच API की ठेवून थेट ब्राउझरमधून AI सेवेला कॉल केला, जिथे कोणीही ती कॉपी करून बिल वाढवू शकत होता.

दुरुस्ती प्रॉम्प्ट:

AI कॉल सर्व्हरवर हलवा. API की सीक्रेट म्हणून साठवा, कधीही फ्रंटएंड कोडमध्ये नाही. प्रत्येक अभ्यागतासाठी दिवसाला 20 निर्मितींची मर्यादा ठेवा.

धडा: की सर्व्हरवरील सीक्रेट्समध्ये असाव्यात. API की सुरक्षित कशा ठेवायच्या आणि तुमच्या ॲपमध्ये AI फीचर्स कसे जोडायचे पाहा.

9. अरबी आणि इंग्रजी व्यवसाय वेबसाइट

हे कोण बनवतो: दोन भाषांमध्ये ग्राहकांना सेवा देणारे आखाती आणि व्यापक अरब जगातील व्यवसाय.

पहिला प्रॉम्प्ट:

माझ्या इंटिरियर डिझाइन कंपनीसाठी अरबी आणि इंग्रजीमध्ये, भाषा स्विचसह वेबसाइट बनवा. पाने: मुख्यपृष्ठ, सेवा, पोर्टफोलिओ, आमच्याविषयी आणि संपर्क. अरबी पूर्णपणे उजवीकडून-डावीकडे असावी.

काय चुकले: अरबी मजकूर उजवीकडे संरेखित होता, पण लेआउट उलटा केला नव्हता: बाण अजूनही चुकीच्या दिशेने होते आणि मेनू चुकीच्या बाजूला होता. काही ठिकाणी फोन नंबर उलटे दिसत होते.

दुरुस्ती प्रॉम्प्ट:

अरबीमध्ये संपूर्ण लेआउट उलटा करा: पानाची दिशा उजवीकडून-डावीकडे, मेनू उजवीकडे, दिशादर्शक चिन्हे उलटी करा, आणि अरबी मजकुरात फोन नंबर व ईमेल डावीकडून-उजवीकडे ठेवा.

धडा: उजवीकडून-डावीकडे हे लेआउट आहे, फक्त संरेखन नाही. Mythex अरबी आणि इतर उजवीकडून-डावीकडे लेआउट हाताळते, आणि तुम्ही थेट अरबीमध्ये प्रॉम्प्ट करू शकता.

10. फोन ॲप बनणारा ट्रॅकर

हे कोण बनवतो: प्रशिक्षक, जिम आणि समुदाय गट ज्यांचे वापरकर्ते फोनवर असतात.

पहिला प्रॉम्प्ट:

माझ्या वैयक्तिक प्रशिक्षण क्लायंट्ससाठी वर्कआउट लॉग बनवा. प्रत्येक क्लायंट लॉग इन करतो, मी त्याला नेमून दिलेली आठवड्याची योजना पाहतो, व्यायाम टिक करतो आणि वजन नोंदवतो. मी प्रत्येक क्लायंटची प्रगती चार्टवर पाहतो.

काय चुकले: वेब ॲप चालले, पण फोनवर वर्कआउटच्या मध्ये बटणे टॅप करण्यासाठी खूप लहान होती आणि चार्ट वाचता येत नव्हता.

दुरुस्ती प्रॉम्प्ट:

याची रचना एका हाताने फोनवर वापरण्यासाठी करा: स्क्रीनच्या तळाशी मोठी टॅप क्षेत्रे, प्रति स्क्रीन एक व्यायाम मोठ्या Next आणि Done बटणांसह, आणि साधा साप्ताहिक प्रगती चार्ट.

धडा: लोक फोनवर वापरणार असतील तर आधी फोनसाठी डिझाइन करा. Mythex Pro वर प्रकाशित ॲप Google Play साठी Android ॲप आणि TestFlight वर पाठवलेले iPhone ॲप बनू शकते; फोन ॲप तुमचे प्रकाशित ॲप उघडते, त्यामुळे प्रत्येक Publish ते अपडेट करते. मोबाइल ॲप बिल्डर पान पाहा.

या उदाहरणांमागील नमुने

सर्व दहांमध्ये अपयश काही गटांत मोडते:

यापैकी काहीही तुम्हाला कोड वाचायला लागत नाही. तुम्हाला उत्सुक, थोडे शत्रुत्वपूर्ण वापरकर्त्यासारखी चाचणी करून दिसलेले नेमके वर्णन करण्याची गरज आहे.

स्वतः एक वापरून पाहा

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

प्रश्न