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

ఇటీవల నేను నా ఓపెన్ సోర్స్ ప్రాజెక్ట్, vibe-coding-universal లో ఒక చిన్న టైపో (typo)ను సరిచేశాను. ఒక లేబుల్‌ను v2.0 (పాతది) నుండి v1.0 (పాతది)కి మార్చాను.

ఈ చిన్న మార్పు ఒక పెద్ద సమస్యను బయటపెట్టింది. నా స్వంత వెర్షన్ పేరు కూడా నాకు తెలియలేదు. నేనే అయోమయానికి గురైతే, మీ వినియోగదారులు కూడా అయోమయానికి గురవుతారు.

నా మొదటి వెర్షన్ చాలా సరళంగా ఉండేది. AI అవసరాలను (requirements) అర్థం చేసుకోవడానికి ఇది 7 ప్రశ్నలను ఉపయోగించేది. Claude Code లేదా Cursor వంటి సాధనాల కోసం ఇది ఒక గైడ్ ఫైల్‌ను రూపొందించేది. అది పనిచేసింది, కానీ అందులో కొన్ని లోపాలు ఉన్నాయి:

  • AI రంగులు, ఫాంట్లు మరియు స్పేసింగ్‌ను ఊహించాల్సి వచ్చేది.
  • డిజైన్ మరియు టాస్క్‌లు ఒకే ఫైల్‌లో ఉండేవి.
  • AI నిజమైన డిజైన్ సిస్టమ్స్‌పై ఆధారపడకుండా, తన సొంత మెమరీపై ఆధారపడేది.

Version 2.0 అనేది కేవలం ఒక అప్‌డేట్ మాత్రమే కాదు. ఇది పని చేసే ఒక కొత్త విధానం.

V1.0 vs V2.0:

V1.0:

  • 7 రౌండ్ల రిక్వైర్మెంట్ ప్రశ్నలు.
  • డిజైన్ నియమాలు లేవు.
  • ఒకే ఒక గైడ్ ఫైల్.
  • ఎటువంటి బాహ్య రిఫరెన్స్‌లు లేవు.

V2.0:

  • 7 రౌండ్ల రిక్వైర్మెంట్స్ + 7 రౌండ్ల డిజైన్ ప్రిఫరెన్స్‌లు.
  • రంగులు, ఫాంట్లు మరియు లేఅవుట్ నియమాలతో కూడిన పూర్తి 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: విజువల్ రిఫరెన్స్ (Stripe, Apple, Vercel, మొదలైనవి).
  • రౌండ్ 3: కలర్ మూడ్ (Cool, Warm, Neutral).

7 రౌండ్ల తర్వాత, సిస్టమ్ 71 బ్రాండ్ సిస్టమ్స్ నుండి డిజైన్ టోకెన్లను సేకరిస్తుంది. ఇది ఒక CSS వేరియబుల్ లిస్ట్‌ను అవుట్‌పుట్‌గా ఇస్తుంది. ఇది AIకి ఖచ్చితమైన సూచనలను అందిస్తుంది.

V1.0 మరియు V2.0 మధ్య వ్యత్యాసం చాలా ఎక్కువగా ఉండటం వల్ల వెర్షన్ ఎర్రర్ జరిగింది. నేను రెండింటినీ "ప్రస్తుత" (current) వెర్షన్‌గా చూశాను.

మీ ప్రాజెక్ట్ ఒక భారీ మార్పుకు లోనైతే, స్పష్టమైన వెర్షన్ లేబుల్‌లను ఉపయోగించండి. వినియోగదారులు మీ స్ట్రక్చర్‌ను అధ్యయనం చేయడానికి 5 నిమిషాలు కేటాయించరు. వారు మీకు కేవలం 10 సెకన్లు మాత్రమే ఇస్తారు.

మీ తదుపరి అప్‌డేట్‌కు ముందు, మిమ్మల్ని మీరు ఇలా ప్రశ్నించుకోండి:

ఒక కొత్త వినియోగదారు ఈ పోలికను 3 సెకన్లలో అర్థం చేసుకోగలరా?

సమాధానం 'కాదు' అయితే, మీ కోడ్‌ను సరిచేయడానికి ముందే మీ టెక్స్ట్‌ను సరిచేయండి.

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