𝗙𝗿𝗼𝗺 𝗩𝟭.𝟬 𝘁𝗼 𝗩𝟮.𝟬: 𝗔 𝗥𝗲𝘁𝗵𝗶𝗻𝗸 𝗼𝗳 𝘁𝗵𝗲 𝗩𝗶𝗯𝗲 𝗖𝗼𝗱𝗶𝗻𝗴 𝗣𝗶𝗽𝗲𝗹𝗶𝗻𝗲
എന്റെ ഓപ്പൺ സോഴ്സ് പ്രോജക്റ്റായ vibe-coding-universal-ൽ അടുത്തിടെ ഞാൻ ഒരു ചെറിയ ടൈപ്പോ (typo) തിരുത്തി. v2.0 (പഴയത്) എന്ന ലേബൽ v1.0 (പഴയത്) എന്ന് ഞാൻ മാറ്റി.
ഈ ചെറിയ മാറ്റം ഒരു വലിയ പ്രശ്നം വെളിപ്പെടുത്തി. എന്റെ തന്നെ വേർഷന്റെ പേര് പോലും എനിക്ക് അറിയില്ലായിരുന്നു. എനിക്ക് ആശയക്കുഴപ്പമുണ്ടായാൽ, നിങ്ങളുടെ ഉപയോക്താക്കൾക്കും അത് സംഭവിക്കും.
എന്റെ ആദ്യ വേർഷൻ ലളിതമായിരുന്നു. AI-ക്ക് ആവശ്യകതകൾ (requirements) മനസ്സിലാക്കാൻ സഹായിക്കുന്നതിനായി ഇത് 7 ചോദ്യങ്ങൾ ഉപയോഗിച്ചു. Claude Code അല്ലെങ്കിൽ Cursor പോലുള്ള ടൂളുകൾക്കായി ഇത് ഒരു ഗൈഡ് ഫയൽ തയ്യാറാക്കിയിരുന്നു. അത് പ്രവർത്തിച്ചിരുന്നു, പക്ഷേ അതിൽ ചില പോരായ്മകളുണ്ടായിരുന്നു:
- AI നിറങ്ങളും ഫോണ്ടുകളും സ്പേസിംഗും ഊഹിക്കേണ്ടി വന്നു.
- ഡിസൈനും ടാസ്ക്കുകളും ഒരൊറ്റ ഫയലിലായിരുന്നു.
- യഥാർത്ഥ ഡിസൈൻ സിസ്റ്റങ്ങൾക്ക് പകരം AI അതിന്റെ സ്വന്തം മെമ്മറിയെയാണ് ആശ്രയിച്ചിരുന്നത്.
വേർഷൻ 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 പ്രോംപ്റ്റുകളാണ് എഴുതുന്നത്. അവർ ചോദിക്കുന്നത്, "നിങ്ങൾക്ക് ഏത് ഡിസൈൻ ശൈലിയാണ് ഇഷ്ടം?" എന്നാണ്. ഇത് വളരെ അവ്യക്തമാണ്.
പകരം 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 സെക്കൻഡിനുള്ളിൽ മനസ്സിലാക്കാൻ കഴിയുമോ?
ഉത്തരം 'ഇല്ല' എന്നാണെങ്കിൽ, കോഡ് തിരുത്തുന്നതിന് മുമ്പ് നിങ്ങളുടെ ടെക്സ്റ്റ് തിരുത്തുക.
Optional learning community: https://t.me/GyaanSetuAi