𝗙𝗿𝗼𝗺 𝗩𝟭.𝟬 𝘁𝗼 𝗩𝟮.𝟬: 𝗔 𝗥𝗲𝘁𝗵𝗶𝗻𝗸 𝗼𝗳 𝘁𝗵𝗲 𝗩𝗶𝗯𝗲 𝗖𝗼𝗱𝗶𝗻𝗴 𝗣𝗶𝗽𝗲𝗹𝗶𝗻𝗲

मैंने हाल ही में अपने ओपन सोर्स प्रोजेक्ट, vibe-coding-universal में एक छोटी सी टाइपो (typo) ठीक की। मैंने एक लेबल को v2.0 (पुराना) से बदलकर v1.0 (पुराना) कर दिया।

इस छोटे से बदलाव ने एक बड़ी समस्या को उजागर कर दिया। मुझे भी अपने स्वयं के वर्ज़न का नाम नहीं पता था। अगर मैं भ्रमित हूँ, तो आपके उपयोगकर्ता भी खो जाएंगे।

मेरा पहला वर्ज़न सरल था। AI को आवश्यकताओं (requirements) को समझने में मदद करने के लिए इसमें 7 प्रश्नों का उपयोग किया जाता था। यह Claude Code या Cursor जैसे टूल्स के लिए एक गाइड फ़ाइल तैयार करता था। यह काम तो करता था, लेकिन इसमें कुछ कमियाँ थीं:

  • AI को रंगों, फ़ॉन्ट्स और स्पेसिंग का अंदाज़ा लगाना पड़ता था।
  • डिज़ाइन और टास्क एक ही फ़ाइल में होते थे।
  • AI वास्तविक डिज़ाइन सिस्टम के बजाय अपनी याददाश्त पर निर्भर था।

वर्ज़न 2.0 केवल एक अपडेट नहीं है। यह काम करने का एक नया तरीका है।

V1.0 बनाम V2.0:

V1.0:

  • आवश्यकताओं के 7 राउंड के प्रश्न।
  • कोई डिज़ाइन नियम नहीं।
  • एक ही गाइड फ़ाइल।
  • कोई बाहरी संदर्भ (references) नहीं।

V2.0:

  • आवश्यकताओं के 7 राउंड + डिज़ाइन प्राथमिकताओं के 7 राउंड।
  • रंगों, फ़ॉन्ट्स और लेआउट नियमों के साथ पूर्ण DESIGN_SPEC.md।
  • एक संपूर्ण Build Spec पैकेज (PRD, Design, Architecture, Tasks)।
  • Stripe, Linear और Apple जैसे 71 ब्रांड डिज़ाइन सिस्टम तक पहुँच।
  • AI के उपयोग के लिए सटीक CSS tokens।

अधिकांश लोग खराब AI प्रॉम्प्ट लिखते हैं। वे पूछते हैं, "आपको कौन सा डिज़ाइन स्टाइल पसंद है?" यह बहुत ही अस्पष्ट है।

इसके बजाय V2.0 मल्टीपल चॉइस (multiple choice) का उपयोग करता है। प्रत्येक राउंड में 4 से 6 विकल्पों के साथ एक प्रश्न पूछा जाता है।

  • राउंड 1: प्रोजेक्ट का प्रकार (SaaS, Dashboard, AI tool, आदि)।
  • राउंड 2: विजुअल रेफरेंस (Stripe, Apple, Vercel, आदि)।
  • राउंड 3: कलर मूड (Cool, Warm, Neutral)।

7 राउंड के बाद, सिस्टम 71 ब्रांड सिस्टम से डिज़ाइन टोकन निकालता है। यह एक CSS वेरिएबल लिस्ट आउटपुट करता है। यह AI को सटीक निर्देश देता है।

वर्ज़न की त्रुटि इसलिए हुई क्योंकि V1.0 और V2.0 के बीच का अंतर बहुत अधिक था। मैंने दोनों को "वर्तमान" वर्ज़न के रूप में देखा।

यदि आपका प्रोजेक्ट एक बड़े बदलाव से गुजरता है, तो स्पष्ट वर्ज़न लेबल का उपयोग करें। उपयोगकर्ता आपकी संरचना को समझने में 5 मिनट खर्च नहीं करेंगे। वे आपको केवल 10 सेकंड देते हैं।

अपने अगले अपडेट से पहले, खुद से पूछें:

क्या एक नया उपयोगकर्ता 3 सेकंड में इस तुलना को समझ सकता है?

यदि उत्तर 'नहीं' है, तो अपना कोड ठीक करने से पहले अपना टेक्स्ट ठीक करें।

स्रोत: https://dev.to/manoir_yantai_f22f01340f0/cong-v10-dao-v20-ge-vibe-coding-guan-xian-de-jia-gou-ji-fan-si-591h

वैकल्पिक लर्निंग कम्युनिटी: https://t.me/GyaanSetuAi