वाइब कोडिंग · पाठ

विशिष्ट होना

अस्पष्ट प्रॉम्प्ट अस्पष्ट कोड देते हैं—ठोस विवरण दें।

पाठ 2, कुल 4 में से13 चरण

विशिष्ट होना, CoddyKit पर वाइब कोडिंग का एक निःशुल्क पाठ है। यह 4 में से 2वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह वाइब कोडिंग सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। वाइब कोडिंग पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

अस्पष्ट इनपुट, अस्पष्ट आउटपुट

Cursor, Bolt और v0 जैसे एआई बिल्डर शक्तिशाली हैं, लेकिन वे आपके मन की बात नहीं पढ़ सकते। जब आपका प्रॉम्प्ट धुँधला होता है, एआई अनुमान लगाता है—और उसका अनुमान शायद ही वह ऐप होता है जिसकी आपने कल्पना की थी।

इसका समाधान प्रॉम्प्ट लिखने का सबसे मूल्यवान कौशल है: विशिष्ट होना। यह पाठ दिखाता है कि किसी इच्छा को सटीक निर्देश में कैसे बदला जाए।

विशेष रूप से किस बारे में?

आप चार दिशाओं में सटीकता जोड़ सकते हैं:

  • क्या — सटीक सुविधा या तत्व
  • कैसा दिखे — रंग, लेआउट, आकार
  • कैसे व्यवहार करे — क्लिक करने पर या त्रुटि होने पर क्या हो
  • कितना — गिनतियाँ, सीमाएँ, दायरें

आप जितनी बातें स्पष्ट करेंगे, एआई के गलत करने की संभावनाएँ उतनी ही कम होंगी।

‘क्या’ को स्पष्ट कीजिए

आपको जो चीज़ चाहिए, उसका सटीक नाम लिखिए। 'एक बटन' कुछ भी हो सकता है। 'Save लेबल वाला सबमिट बटन, जो फ़ॉर्म के नीचे दिखाई दे' कहने पर कोई संदेह नहीं रहता।

Vague:   "Add a button."

Specific: "Add a green 'Save Note' button below the textarea.
           When clicked, it adds the note to the list above."

रूप-रंग स्पष्ट कीजिए

'अच्छा' या 'आधुनिक' जैसे डिज़ाइन शब्द हर व्यक्ति के लिए अलग अर्थ रखते हैं। एआई को ठोस दृश्य लक्ष्य दीजिए: रंग, अंतराल, फ़ॉन्ट और आकार।

आप किसी परिचित शैली का संदर्भ भी दे सकते हैं—जैसे 'Notion जैसा' या 'Apple जैसा साफ़-सुथरा'—ताकि वांछित अंदाज़ स्पष्ट हो जाए।

Vague:   "Make it look good."

Specific: "Use a clean white card on a light-gray background,
           rounded corners, soft shadow, and a single accent
           color of #7c3aed for buttons and links."

व्यवहार स्पष्ट कीजिए

ऐप काम करते हैं। हर क्रिया पर क्या होता है, यह स्पष्ट रूप से लिखिए—खाली इनपुट या त्रुटियों जैसी असामान्य स्थितियाँ भी शामिल करें। अस्पष्ट प्रॉम्प्ट सबसे अधिक यहीं विफल होते हैं।

Specific behavior:

"When the user clicks 'Add', take the text from the input,
 add it as a new list item, then clear the input.
 If the input is empty, do nothing and shake the input box."

संख्याएँ स्पष्ट कीजिए

संख्याएँ तुरंत अस्पष्टता दूर कर देती हैं। कितने आइटम? अधिकतम लंबाई क्या हो? दायरा क्या हो? 'कुछ' या 'थोड़े' के बजाय एआई को वास्तविक मान दीजिए।

यहाँ संख्यात्मक सीमा से एआई द्वारा बनाया जा सकने वाला एक छोटा फ़ंक्शन है—आप इसे चला सकते हैं।

const MAX_LENGTH = 280;

function checkPost(text) {
  if (text.length > MAX_LENGTH) {
    return 'Too long by ' + (text.length - MAX_LENGTH) + ' chars';
  }
  return 'OK (' + text.length + '/' + MAX_LENGTH + ')';
}

console.log(checkPost('Hello world!'));
console.log(checkPost('x'.repeat(300)));

विशेषणों की जगह विवरण दीजिए

फिसलन भरे विशेषणों से सावधान रहिए: तेज़, सरल, साफ़-सुथरा, आधुनिक, पेशेवर, अनुकूलनीय, सुरक्षित। इनमें से हर शब्द के पीछे एक ऐसा निर्णय छिपा है जो आपको करना चाहिए।

जब भी आप ऐसा शब्द लिखें, पूछिए: 'यह यहाँ वास्तव में क्या अर्थ रखता है?'—और उसके बजाय वही बात लिखिए।

Instead of: "Make it responsive."
Write:      "Stack the columns vertically on screens under 600px."

Instead of: "Keep it simple."
Write:      "One screen, no menu, three buttons max."

विशिष्टता लंबाई से बेहतर है

विशिष्ट होने का अर्थ निबंध लिखना नहीं है। छोटा और सटीक प्रॉम्प्ट लंबे और अस्पष्ट प्रॉम्प्ट से बेहतर होता है। शब्द नहीं, अर्थ भरिए।

नीचे दिए गए दोनों प्रॉम्प्ट छोटे हैं—लेकिन केवल एक आपको आपकी कल्पना वाला ऐप देगा।

Fuzzy & short:  "Build a timer app."

Sharp & short:  "Build a 25-minute countdown timer with Start,
                 Pause and Reset buttons. Show MM:SS. Beep at zero."

केवल बताइए नहीं, दिखाइए

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

"Format each contact like this exactly:

   Ada Lovelace — ada@math.org — VIP

Name, then em-dash, email, em-dash, and a tag.
If there's no tag, leave off the last dash."

विशिष्टता की जाँच-सूची

एंटर दबाने से पहले इस सूची के आधार पर अपना प्रॉम्प्ट जाँचिए:

  • क्या मैंने सटीक तत्व या सुविधा का नाम लिखा?
  • यदि रूप-रंग महत्वपूर्ण है, तो क्या मैंने ठोस रंग और आकार दिए?
  • क्या मैंने हर क्रिया और त्रुटियों पर होने वाली बात का वर्णन किया?
  • क्या मैंने अस्पष्ट विशेषणों की जगह वास्तविक विवरण दिए?
  • जहाँ आवश्यक था, क्या मैंने संख्याएँ शामिल कीं?

इस सूची को एक बार देख लेने से आगे-पीछे के तीन दौर बच जाते हैं।

अति-विशिष्ट भी मत बनिए

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

सामान्य नियम: नतीजों के बारे में विशिष्ट रहिए, कार्यान्वयन के बारे में लचीले रहिए—जब तक कि कार्यान्वयन ही आपका लक्ष्य न हो।

Good balance:

"Make a contact form with name, email and message fields,
 and a Send button. Validate that email contains an '@'.
 You choose a tidy, accessible layout."

त्वरित जाँच

कौन-सा पुनर्लेखन 'ऐप को आधुनिक दिखाइए' वाले प्रॉम्प्ट को अधिक विशिष्ट और उपयोगी बनाता है?

पुनरावलोकन: ठोस विवरण दीजिए

अस्पष्ट निर्देशों से अस्पष्ट कोड मिलता है। जैसा आपने सोचा है, बिल्कुल वैसा परिणाम पाने के लिए:

  • सटीक चीज़ का नाम बताइए
  • ठोस रूप-रंग और संख्याएँ दीजिए
  • व्यवहार और त्रुटि की स्थितियों का वर्णन कीजिए
  • अस्पष्ट विशेषणों की जगह वास्तविक विवरण दीजिए
  • जब शब्द पर्याप्त न हों, तो एक उदाहरण दिखाइए

अगला विषय: AI को अपनी फ़ाइलों और लक्ष्यों का संदर्भ कैसे दें, ताकि उसका कोड आपके प्रोजेक्ट में बिल्कुल सही बैठे।

शुरुआत निःशुल्क

एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम
25
पाठ
100

अक्सर पूछे जाने वाले प्रश्न

क्या “विशिष्ट होना” पाठ निःशुल्क है?

हाँ — वाइब कोडिंग अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “विशिष्ट होना” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। वाइब कोडिंग पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“विशिष्ट होना” में मैं क्या सीखूँगा?

अस्पष्ट प्रॉम्प्ट अस्पष्ट कोड देते हैं—ठोस विवरण दें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ वाइब कोडिंग का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या वाइब कोडिंग शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर वाइब कोडिंग शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 2वाँ पाठ है।

“विशिष्ट होना” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस वाइब कोडिंग पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर वाइब कोडिंग पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

  1. अच्छे बिल्ड प्रॉम्प्ट की संरचना
  2. विशिष्ट होना
  3. कृत्रिम बुद्धिमत्ता को संदर्भ देना
  4. प्रॉम्प्ट पर बार-बार काम करना
← वाइब कोडिंग पर वापस जाएँ