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

ನಾನು ಇತ್ತೀಚೆಗೆ ನನ್ನ open source ಪ್ರಾಜೆಕ್ಟ್, vibe-coding-universal ನಲ್ಲಿ ಒಂದು ಸಣ್ಣ ಟೈಪೋವನ್ನು (typo) ಸರಿಪಡಿಸಿದೆ. ನಾನು ಒಂದು ಲೇಬಲ್ ಅನ್ನು v2.0 (ಹಳೆಯದು) ನಿಂದ v1.0 (ಹಳೆಯದು) ಗೆ ಬದಲಾಯಿಸಿದೆ.

ಈ ಸಣ್ಣ ಬದಲಾವಣೆಯು ಒಂದು ದೊಡ್ಡ ಸಮಸ್ಯೆಯನ್ನು ಎತ್ತಿ ತೋರಿಸಿತು. ನನ್ನ ಸ್ವಂತ ವರ್ಷನ್ (version) ಹೆಸರೇನದು ಎಂಬುದು ನನಗೇ ತಿಳಿದಿರಲಿಲ್ಲ. ನಾನೇ ಗೊಂದಲಕ್ಕೊಳಗಾದರೆ, ನಿಮ್ಮ ಬಳಕೆದಾರರು ಕೂಡ ದಾರಿ ತಪ್ಪುತ್ತಾರೆ.

ನನ್ನ ಮೊದಲ ವರ್ಷನ್ ಸರಳವಾಗಿತ್ತು. AI ಅಗತ್ಯತೆಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಇದು 7 ಪ್ರಶ್ನೆಗಳನ್ನು ಬಳಸುತ್ತಿತ್ತು. ಇದು Claude Code ಅಥವಾ Cursor ನಂತಹ ಪರಿಕರಗಳಿಗಾಗಿ ಒಂದು ಗೈಡ್ ಫೈಲ್ ಅನ್ನು ತಯಾರಿಸುತ್ತಿತ್ತು. ಇದು ಕೆಲಸ ಮಾಡಿತು, ಆದರೆ ಇದರಲ್ಲಿ ಕೆಲವು ದೋಷಗಳಿದ್ದವು:

  • AI ಬಣ್ಣಗಳು, ಫಾಂಟ್‌ಗಳು ಮತ್ತು ಸ್ಪೇಸಿಂಗ್ ಅನ್ನು ಊಹಿಸಬೇಕಾಗಿತ್ತು.
  • ಡಿಸೈನ್ ಮತ್ತು ಕಾರ್ಯಗಳು (tasks) ಒಂದೇ ಫೈಲ್‌ನಲ್ಲಿ ಇದ್ದವು.
  • AI ನೈಜ ಡಿಸೈನ್ ಸಿಸ್ಟಮ್‌ಗಳ ಬದಲಿಗೆ ತನ್ನದೇ ಆದ ನೆನಪಿನ ಮೇಲೆ ಅವಲಂಬಿತವಾಗಿತ್ತು.

Version 2.0 ಕೇವಲ ಒಂದು ಅಪ್‌ಡೇಟ್ ಅಲ್ಲ. ಇದು ಕೆಲಸ ಮಾಡುವ ಹೊಸ ವಿಧಾನವಾಗಿದೆ.

V1.0 vs V2.0:

V1.0:

  • 7 ಸುತ್ತಿನ ಅಗತ್ಯತೆಗಳ ಪ್ರಶ್ನೆಗಳು.
  • ಯಾವುದೇ ಡಿಸೈನ್ ನಿಯಮಗಳಿಲ್ಲ.
  • ಒಂದೇ ಒಂದು ಗೈಡ್ ಫೈಲ್.
  • ಯಾವುದೇ ಬಾಹ್ಯ ಉಲ್ಲೇಖಗಳಿಲ್ಲ (external references).

V2.0:

  • 7 ಸುತ್ತಿನ ಅಗತ್ಯತೆಗಳು + 7 ಸುತ್ತಿನ ಡಿಸೈನ್ ಆದ್ಯತೆಗಳು (design preferences).
  • ಬಣ್ಣಗಳು, ಫಾಂಟ್‌ಗಳು ಮತ್ತು ಲೇಔಟ್ ನಿಯಮಗಳೊಂದಿಗೆ ಸಂಪೂರ್ಣ DESIGN_SPEC.md.
  • ಒಂದು ಸಂಪೂರ್ಣ Build Spec ಪ್ಯಾಕೇಜ್ (PRD, Design, Architecture, Tasks).
  • Stripe, Linear, ಮತ್ತು Apple ನಂತಹ 71 ಬ್ರ್ಯಾಂಡ್ ಡಿಸೈನ್ ಸಿಸ್ಟಮ್‌ಗಳ ಪ್ರವೇಶ.
  • AI ಬಳಸಲು ನಿಖರವಾದ CSS ಟೋಕನ್‌ಗಳು.

ಹೆಚ್ಚಿನ ಜನರು ಕೆಟ್ಟ AI ಪ್ರಾಂಪ್ಟ್‌ಗಳನ್ನು (prompts) ಬರೆಯುತ್ತಾರೆ. ಅವರು, "ನಿಮಗೆ ಯಾವ ಡಿಸೈನ್ ಶೈಲಿ ಇಷ್ಟ?" ಎಂದು ಕೇಳುತ್ತಾರೆ. ಇದು ತುಂಬಾ ವಿಶಾಲವಾಗಿದೆ.

ಬದಲಾಗಿ V2.0 ಬಹು ಆಯ್ಕೆಯ (multiple choice) ವಿಧಾನವನ್ನು ಬಳಸುತ್ತದೆ. ಪ್ರತಿ ಸುತ್ತು 4 ರಿಂದ 6 ಆಯ್ಕೆಗಳೊಂದಿಗೆ ಒಂದು ಪ್ರಶ್ನೆಯನ್ನು ಕೇಳುತ್ತದೆ.

  • ಸುತ್ತು 1: ಪ್ರಾಜೆಕ್ಟ್ ಪ್ರಕಾರ (SaaS, Dashboard, AI tool, ಇತ್ಯಾದಿ).
  • ಸುತ್ತು 2: ದೃಶ್ಯ ಉಲ್ಲೇಖ (Visual reference) (Stripe, Apple, Vercel, ಇತ್ಯಾದಿ).
  • ಸುತ್ತು 3: ಬಣ್ಣದ ಮೂಡ್ (Color mood) (Cool, Warm, Neutral).

7 ಸುತ್ತುಗಳ ನಂತರ, ಸಿಸ್ಟಮ್ 71 ಬ್ರ್ಯಾಂಡ್ ಸಿಸ್ಟಮ್‌ಗಳಿಂದ ಡಿಸೈನ್ ಟೋಕನ್‌ಗಳನ್ನು ಪಡೆಯುತ್ತದೆ. ಇದು CSS variable ಪಟ್ಟಿಯನ್ನು ನೀಡುತ್ತದೆ. ಇದು AI ಗೆ ನಿಖರವಾದ ಸೂಚನೆಗಳನ್ನು ನೀಡುತ್ತದೆ.

V1.0 ಮತ್ತು V2.0 ನಡುವಿನ ಅಂತರವು ತುಂಬಾ ದೊಡ್ಡದಾಗಿದ್ದರಿಂದ ವರ್ಷನ್ ದೋಷ ಸಂಭವಿಸಿತು. ನಾನು ಎರಡನ್ನೂ "ಪ್ರಸ್ತುತ" (current) ವರ್ಷನ್ ಎಂದು ನೋಡಿದ್ದೆ.

ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್ ದೊಡ್ಡ ಬದಲಾವಣೆಗೆ ಒಳಗಾದರೆ, ಸ್ಪಷ್ಟವಾದ ವರ್ಷನ್ ಲೇಬಲ್‌ಗಳನ್ನು ಬಳಸಿ. ಬಳಕೆದಾರರು ನಿಮ್ಮ ರಚನೆಯನ್ನು ಅಧ್ಯಯನ ಮಾಡಲು 5 ನಿಮಿಷಗಳನ್ನು ವ್ಯಯಿಸುವುದಿಲ್ಲ. ಅವರು ನಿಮಗೆ ಕೇವಲ 10 ಸೆಕೆಂಡುಗಳನ್ನು ನೀಡುತ್ತಾರೆ.

ನಿಮ್ಮ ಮುಂದಿನ ಅಪ್‌ಡೇಟ್‌ಗೆ ಮೊದಲು, ನಿಮ್ಮನ್ನೇ ಕೇಳಿಕೊಳ್ಳಿ:

ಹೊಸ ಬಳಕೆದಾರರು ಈ ಹೋಲಿಕೆಯನ್ನು 3 ಸೆಕೆಂಡುಗಳಲ್ಲಿ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಬಲ್ಲರೇ?

ಉತ್ತರ 'ಇಲ್ಲ' ಎಂದಾದರೆ, ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ಸರಿಪಡಿಸುವ ಮೊದಲು ನಿಮ್ಮ ಪಠ್ಯವನ್ನು (text) ಸರಿಪಡಿಸಿ.

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