𝗩𝟭.𝟬 कडून 𝗩𝟮.𝟬 कडे: 𝗩𝗶𝗯𝗲 𝗖𝗼𝗱𝗶𝗻𝗴 𝗣𝗶𝗽𝗲𝗹𝗶𝗻𝗲चा पुनर्विचार

मी अलीकडेच माझ्या ओपन सोर्स प्रोजेक्ट, vibe-coding-universal मध्ये एक छोटी टायपिंग चूक (typo) सुधारली. मी एक लेबल v2.0 (जुने) वरून v1.0 (जुने) असे बदलले.

या छोट्या बदलामुळे एक मोठी समस्या समोर आली. मला स्वतःला माझ्या स्वतःच्या व्हर्जनचे नाव माहित नव्हते. जर मी गोंधळलो असेल, तर तुमचे युजर्स देखील गोंधळतील.

माझे पहिले व्हर्जन साधे होते. AI ला गरजा (requirements) समजून घेण्यास मदत करण्यासाठी ते ७ प्रश्नांचा वापर करायचे. ते Claude Code किंवा Cursor सारख्या टूल्ससाठी एक गाईड फाईल तयार करायचे. ते काम करत होते, पण त्यामध्ये काही त्रुटी होत्या:

  • AI ला रंग, फॉन्ट आणि स्पेसिंगचा अंदाज लावावा लागायचा.
  • डिझाइन आणि टास्क एकाच फाईलमध्ये असायचे.
  • AI खऱ्या डिझाइन सिस्टम्सऐवजी स्वतःच्या मेमरीवर अवलंबून असायचे.

व्हर्जन 2.0 हे केवळ एक अपडेट नाही. ती काम करण्याची एक नवीन पद्धत आहे.

V1.0 विरुद्ध V2.0:

V1.0:

  • गरजांच्या प्रश्नांचे ७ फेरे.
  • कोणतेही डिझाइन नियम नाहीत.
  • एकच गाईड फाईल.
  • कोणतेही बाह्य संदर्भ नाहीत.

V2.0:

  • गरजांचे ७ फेरे + डिझाइन आवडींचे ७ फेरे.
  • रंग, फॉन्ट आणि लेआउट नियमांसह पूर्ण DESIGN_SPEC.md.
  • एक संपूर्ण Build Spec पॅकेज (PRD, Design, Architecture, Tasks).
  • Stripe, Linear आणि Apple सारख्या ७१ ब्रँड डिझाइन सिस्टम्सचा एक्सेस.
  • AI ने वापरण्यासाठी अचूक CSS tokens.

बहुतेक लोक चुकीचे AI प्रॉम्प्ट्स लिहितात. ते विचारतात, "तुम्हाला कोणता डिझाइन स्टाईल आवडतो?" हे खूप व्यापक (broad) आहे.

त्याऐवजी V2.0 मल्टिपल चॉइसचा वापर करते. प्रत्येक फेरीत ४ ते ६ पर्यायांसह एक प्रश्न विचारला जातो.

  • फेरी १: प्रोजेक्टचा प्रकार (SaaS, Dashboard, AI tool, इ.).
  • फेरी २: व्हिज्युअल संदर्भ (Stripe, Apple, Vercel, इ.).
  • फेरी ३: कलर मूड (Cool, Warm, Neutral).

७ फेऱ्यांनंतर, सिस्टम ७१ ब्रँड सिस्टम्समधून डिझाइन टोकन्स घेते. ती CSS व्हेरिएबलची यादी आउटपुट म्हणून देते. यामुळे AI ला नेमके निर्देश मिळतात.

व्हर्जनमधील चूक झाली कारण V1.0 आणि V2.0 मधील अंतर खूप मोठे होते. मी दोन्हीकडे "current" व्हर्जन म्हणून पाहिले होते.

जर तुमच्या प्रोजेक्टमध्ये मोठा बदल होत असेल, तर स्पष्ट व्हर्जन लेबल्स वापरा. युजर्स तुमच्या स्ट्रक्चरचा अभ्यास करण्यासाठी ५ मिनिटे खर्च करणार नाहीत. ते तुम्हाला फक्त १० सेकंद देतात.

तुमच्या पुढच्या अपडेटपूर्वी, स्वतःला विचारा:

एखादा नवीन युजर ३ सेकंदात ही तुलना समजू शकतो का?

जर उत्तर 'नाही' असेल, तर तुमचा कोड सुधारण्यापूर्वी तुमचा मजकूर सुधारा.

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

Optional learning community: https://t.me/GyaanSetuAi