अपने विचार का वर्णन करना
धुंधले विचार को बनाए जा सकने वाले प्रॉम्प्ट में बदलें।
अपने विचार का वर्णन करना, CoddyKit पर वाइब कोडिंग का एक निःशुल्क पाठ है। यह 4 में से 1वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह वाइब कोडिंग सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। वाइब कोडिंग पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
आपका विचार शुरुआत का बिंदु है
अपने पहले वास्तविक निर्माण में आपका स्वागत है! वाइब कोडिंग में हर चीज़ एक बात से शुरू होती है: आपका विचार। शुरुआत करने के लिए आपको कोड की एक भी पंक्ति लिखना आना आवश्यक नहीं है। आपको केवल यह स्पष्ट रूप से बताना है कि आप क्या चाहते हैं, ताकि AI आपके लिए उसे बना सके।
इस पाठ में आप सीखेंगे कि “मुझे एक छोटा-सा ऐप चाहिए” जैसे अस्पष्ट विचार को ऐसे स्पष्ट और बनाए जा सकने वाले निर्देश में कैसे बदलें, जिस पर v0, Bolt, Lovable या Cursor जैसे टूल वास्तव में काम कर सकें।
ज़्यादातर विचार अस्पष्ट रूप से शुरू होते हैं
आपका मस्तिष्क विचारों को विनिर्देशों के रूप में नहीं, भावनाओं के रूप में रखता है। आप सोच सकते हैं: “ऐसा कुछ जिससे मैं अपने पानी पीने पर नज़र रख सकूँ” या “मेरे कुत्ते के लिए एक मज़ेदार पेज।” यह बिल्कुल सामान्य है — हर प्रोजेक्ट की शुरुआत यहीं से होती है।
समस्या क्या है? यदि आप AI को अस्पष्ट विचार देंगे, तो परिणाम भी अस्पष्ट मिलेगा। आप जो कौशल सीख रहे हैं, वह इस धुंधले विचार को स्पष्ट अनुरोध में बदलना है। अच्छी बात यह है कि AI इस रूपांतरण में भी आपकी मदद कर सकता है।
एक-वाक्य परीक्षण
एक बेहतरीन पहला कदम है एक-वाक्य परीक्षण: क्या आप अपने ऐप का वर्णन एक ही वाक्य में कर सकते हैं? यदि कर सकते हैं, तो आपका विचार बनाया जा सकता है।
प्रारूप: “एक [ऐप का प्रकार] जो [किसे] [क्या] करने देता है।” इससे आपको चीज़, उपयोगकर्ता और कार्रवाई — तीनों के नाम बताने पड़ते हैं।
A web page that lets a visitor type their name and shows a personalized welcome message.
A simple app that lets me track how many glasses of water I drink today.
A fun landing page that shows photos of my dog and a button that plays a bark sound.तीन हिस्सों के नाम बताइए
हर बनाए जा सकने वाले विचार के भीतर तीन हिस्से छिपे होते हैं। उन्हें अलग कर लीजिए और आपका निर्देश लगभग अपने-आप लिख जाएगा:
- यह क्या है — वेब पेज, कामों की सूची वाला ऐप, प्रश्नोत्तरी या गणक।
- इसे कौन उपयोग करता है — मैं, कोई आगंतुक, ग्राहक या विद्यार्थी।
- वे क्या करते हैं — कुछ लिखना, बटन दबाना, परिणाम देखना या डेटा सहेजना।
यदि इनमें से कोई हिस्सा छूट गया, तो AI अनुमान लगाएगा — और ऐसे अनुमानों से आपको वह परिणाम मिल सकता है जो आप चाहते ही नहीं थे।
विचार से निर्देश तक
आइए एक अस्पष्ट विचार को वास्तविक निर्माण निर्देश में बदलते हैं। ध्यान दीजिए कि हम तीनों हिस्सों के साथ थोड़ा-सा रूप-रंग भी जोड़ते हैं।
अस्पष्ट विचार: “एक टिप कैलकुलेटर।” नीचे बनाया जा सकने वाला निर्देश है। ध्यान दें कि इसमें स्क्रीन, इनपुट, आउटपुट और माहौल — सभी का नाम दिया गया है।
Build a single web page tip calculator.
The user can:
- Type the bill amount in a number field
- Pick a tip percentage (10%, 15%, 20%) with buttons
- See the tip amount and the total update instantly
Style: clean and modern, centered card, friendly colors. Keep it to one HTML file.जानबूझकर छोटी शुरुआत करें
शुरुआती लोग अक्सर बहुत बड़े ऐप का वर्णन करते हैं: “प्रोफ़ाइल, बातचीत, भुगतान और फ़ीड वाला सामाजिक नेटवर्क।” AI इसे बनाने की कोशिश कर सकता है, लेकिन अपने पहले ही निर्माण में आप जटिलता में उलझ जाएँगे।
इसके बजाय, विचार को उसके सबसे छोटे मज़ेदार संस्करण तक सीमित करें। बाद में आप हमेशा और चीज़ें माँग सकते हैं — वाइब कोडिंग में एक-एक करके चीज़ें जोड़ना ही मुख्य तरीका है। अभी आपका लक्ष्य एक ऐसी काम करने वाली स्क्रीन है जिसे आप देख और क्लिक कर सकें।
Too big (for now):
"Build a full recipe social network with login, comments, and search."
Right-sized first build:
"Build a single page that shows 3 recipe cards with a photo, title, and a Like button that increases a counter."विचार को सुधारने में AI की मदद लें
क्या आप अपने विचार को निर्देश में बदलने में अटक गए हैं? पहले AI से आपका साक्षात्कार लेने के लिए कहिए। यह वाइब कोडिंग की एक शक्तिशाली तकनीक है: कुछ भी बनाने से पहले AI को सोचने के साथी के रूप में उपयोग करें।
नीचे दिए गए निर्देश जैसा कोई निर्देश Claude, ChatGPT या अपने AI संपादक की बातचीत में डालें। वह स्पष्ट करने वाले प्रश्न पूछेगा और फिर आपको एक साफ़ निर्माण निर्देश देगा।
I want to build a simple app but my idea is still fuzzy.
Idea: "something to help me remember to take breaks while working."
Before writing any code, ask me 3-5 short questions to clarify what I want.
Then write a clear, single-paragraph build prompt I can give to v0 or Bolt.सिर्फ़ कार्य नहीं, माहौल का भी वर्णन करें
“वाइब कोडिंग” का नाम आंशिक रूप से इसी वजह से पड़ा है: आपको केवल सुविधाओं का नहीं, बल्कि अपने इच्छित अनुभव का भी वर्णन करने की अनुमति है। AI माहौल को रूप-रंग से जुड़े विकल्पों में बदलने में बहुत अच्छा है।
चंचल, सादा, पुराने ज़माने का, पेशेवर, आरामदेह, नीयॉन जैसे शब्द रंगों, फ़ॉन्ट और लेआउट का मार्गदर्शन करते हैं। हर विचार में माहौल बताने वाले एक या दो शब्द जोड़ें, ताकि आपका ऐप फीका और धूसर न लगे।
Build a countdown timer page.
Vibe: calm and minimal, soft pastel background, big rounded numbers, gentle.
(Compare to the same app with vibe: "retro arcade, neon green text on black, blocky pixel font." Same app, totally different feel.)परिणाम की एक छोटी झलक
आप इसे हाथ से नहीं लिखेंगे — लेकिन यह देखना उपयोगी है कि आपके शब्द किस रूप में बदलते हैं। “ऐसा बटन जो उपयोगकर्ता का नाम लेकर उसका अभिवादन करे” जैसे निर्देश से AI इस तरह का छोटा JavaScript अंश बना सकता है।
आप वर्णन करते हैं; AI इसे तैयार करता है। इसे चलाकर देखें कि एक पंक्ति का विचार काम करने वाली सहभागिता में कैसे बदल जाता है।
function greet(name) {
const who = name && name.trim() ? name.trim() : "friend";
return "Welcome, " + who + "! Your app is alive.";
}
console.log(greet("Maya"));
console.log(greet(""));अपना विचार अभी लिख लें
आगे बढ़ने से पहले, टेम्पलेट का उपयोग करके अपना YOUR विचार लिख लें। इसके बारे में बहुत ज़्यादा न सोचें — पहला मोटा-सा संस्करण बिल्कुल सही है। ऐप बनाते समय आप इसे बेहतर करते जाएंगे।
रिक्त स्थान भरें। अगले तीन पाठों में आप जो ऐप बनाएंगे, यह उसका बीज बनेगा।
My app is a ______ (web page / to-do app / quiz / calculator)
that lets ______ (me / a visitor)
do ______ (type, click, see, save) ______.
Vibe: ______ (minimal / playful / retro / professional)
Smallest fun version: ______शुरुआती सीखने वालों की आम गलतियाँ
अपने विचार का वर्णन करते समय इन आम गलतियों से बचें:
- बहुत अस्पष्ट: "कुछ शानदार बनाइए" — AI के पास लक्ष्य बनाने के लिए कुछ नहीं होता।
- बहुत बड़ा: एक ही प्रॉम्प्ट में पूरा स्टार्टअप — पहली बार ऐप बनाते समय यह भारी पड़ता है।
- उपयोगकर्ता की कोई कार्रवाई नहीं: स्क्रीन का वर्णन करना, लेकिन यह कभी न बताना कि व्यक्ति उस पर क्या करता है।
- वाइब छोड़ देना: आपको धूसर, सामान्य-सा परिणाम मिलेगा।
एक अच्छा विचार-विवरण स्पष्ट, छोटा, कार्रवाई-केंद्रित और एक खास वाइब वाला होता है।
त्वरित जाँच
इनमें से कौन-सा विचार आपके बिल्कुल पहले AI से बनाए गए ऐप के लिए सबसे अच्छा बनाने योग्य है?
पुनरावलोकन: आपके पास बनाने योग्य विचार है
आपने एक धुंधले विचार को स्पष्ट, बनाने योग्य प्रॉम्प्ट में बदलना सीखा। इन आवश्यक बातों को याद रखें:
- एक-वाक्य वाली जाँच पास करें: ऐसा [प्रकार] जो [किसे] [क्या] करने दे।
- तीन हिस्सों का नाम लें: यह क्या है, इसका उपयोग कौन करता है, वे क्या करते हैं।
- छोटे से शुरू करें — सबसे छोटा मज़ेदार संस्करण ही सफल होता है।
- एक वाइब जोड़ें, ताकि परिणाम सामान्य न लगे।
- जब विचार अभी अस्पष्ट हो, तो AI को आपका साक्षात्कार लेने दें।
अगला कदम: यह विचार AI बिल्डर को देना और अपना पहला काम करने वाला संस्करण बनाना!
एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 25
- पाठ
- 100
अक्सर पूछे जाने वाले प्रश्न
क्या “अपने विचार का वर्णन करना” पाठ निःशुल्क है?
हाँ — वाइब कोडिंग अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “अपने विचार का वर्णन करना” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। वाइब कोडिंग पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
“अपने विचार का वर्णन करना” में मैं क्या सीखूँगा?
धुंधले विचार को बनाए जा सकने वाले प्रॉम्प्ट में बदलें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ वाइब कोडिंग का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या वाइब कोडिंग शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर वाइब कोडिंग शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 1वाँ पाठ है।
“अपने विचार का वर्णन करना” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस वाइब कोडिंग पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर वाइब कोडिंग पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- अपने विचार का वर्णन करना
- पहला संस्करण बनाना
- बदलावों के लिए कहना
- प्रीव्यू करना और चलाना