Vibe Coding ഉദാഹരണങ്ങൾ: 10 യഥാർത്ഥ ആപ്പ് തരങ്ങൾ, പ്രോംപ്റ്റുകൾ, എന്ത് തെറ്റിപ്പോയി

ഏറ്റവും സാധാരണമായ vibe coding ഉദാഹരണങ്ങൾ ചെറുതും ഉപയോഗപ്രദവുമായ വെബ് ആപ്പുകളാണ്: ട്രാക്കറുകൾ, ബുക്കിംഗ് പേജുകൾ, ആന്തരിക ടൂളുകൾ, ക്ലയന്റ് പോർട്ടലുകൾ, ലാൻഡിംഗ് പേജുകൾ, ക്വിസുകൾ, ഡാഷ്ബോർഡുകൾ, ലളിതമായ AI ടൂളുകൾ. താഴെ അവയിൽ പത്തെണ്ണം. ഓരോന്നിനും ആരാണ് നിർമ്മിക്കുന്നത്, ആദ്യ പ്രോംപ്റ്റ്, സാധാരണയായി എന്ത് തെറ്റാറുണ്ട്, അത് ശരിയാക്കുന്ന ഫോളോ-അപ്പ് പ്രോംപ്റ്റ് എന്നിവ കാണാം.

ഇവ AI ആപ്പ് ബിൽഡറുകളിലേക്ക് ആളുകൾ ഏറ്റവും കൂടുതൽ കൊണ്ടുവരുന്ന പ്രോജക്റ്റുകളുടെ സംയുക്ത രൂപങ്ങളാണ്, ഒരാളുടെ കേസ് പഠനമല്ല. പ്രോംപ്റ്റുകൾ പകർത്താവുന്നവയാണ്. പരാജയങ്ങൾ വീണ്ടും വീണ്ടും വരുന്നവയാണ്, അതുകൊണ്ടാണ് അവയാണ് ഉപയോഗപ്രദമായ ഭാഗം. vibe coding തന്നെ പുതിയതാണെങ്കിൽ, vibe coding എന്താണ് എന്നതിൽ തുടങ്ങുക.

1. ഒരു വ്യക്തിഗത ബജറ്റ് ട്രാക്കർ

ആരാണ് നിർമ്മിക്കുന്നത്: സ്പ്രെഡ്ഷീറ്റുകൾ പരീക്ഷിച്ച് ഉപേക്ഷിച്ചവർ.

ആദ്യ പ്രോംപ്റ്റ്:

ഒരു പ്രതിമാസ ബജറ്റ് ട്രാക്കർ നിർമ്മിക്കുക. തുക, വിഭാഗം (food, rent, transport, fun, other), തീയതി, ഒരു കുറിപ്പ് എന്നിവയോടെ ചെലവുകൾ ചേർക്കുന്നു. ഈ മാസത്തെ ഓരോ വിഭാഗത്തിന്റെയും ആകെ ഒരു ബാർ ചാർട്ടായും സമീപകാല ചെലവുകളുടെ പട്ടികയായും കാണിക്കുക. ഓരോ വിഭാഗത്തിനും ബജറ്റ് സെറ്റ് ചെയ്ത് എത്ര ബാക്കിയുണ്ടെന്ന് കാണാം.

എന്ത് തെറ്റി: ചാർട്ട് എപ്പോഴെങ്കിലും നൽകിയ എല്ലാ ചെലവുകളും എണ്ണി, ഈ മാസത്തേത് മാത്രമല്ല, അതിനാൽ രണ്ടാം മാസമാകുമ്പോഴേക്കും ഓരോ വിഭാഗവും അമിതമായി ചെലവാക്കിയതായി കണ്ടു. കോമയോടെ ("1,200") ടൈപ്പ് ചെയ്ത തുകകൾ 1 ആയി സേവ് ചെയ്യപ്പെട്ടു.

പരിഹാര പ്രോംപ്റ്റ്:

ചാർട്ടും ആകെയും തിരഞ്ഞെടുത്ത മാസത്തെ ചെലവുകൾ മാത്രം ഉൾപ്പെടുത്തണം. മുകളിൽ ഒരു മാസം തിരഞ്ഞെടുക്കുന്ന ഉപകരണം ചേർക്കുക, നിലവിലെ മാസം ഡിഫോൾട്ടായിരിക്കട്ടെ. കോമയോ സ്പെയ്സോ ഉള്ള തുകകളും സ്വീകരിച്ച് അവയെ സംഖ്യകളായി സൂക്ഷിക്കുക.

പാഠം: "ഈ മാസം" ഒരു നിയമമാണ്. നിയമങ്ങൾ ഉറക്കെ പറയുക.

2. ഒരു ചെറിയ സലൂണിനുള്ള ബുക്കിംഗ് പേജ്

ആരാണ് നിർമ്മിക്കുന്നത്: ഫോൺ വിളികളിലും DM-കളിലും ബുക്കിംഗ് മടുത്ത ചെറുകിട ബിസിനസ് ഉടമകൾ.

ആദ്യ പ്രോംപ്റ്റ്:

എന്റെ സലൂണിനായി ഒരു ബുക്കിംഗ് പേജ് നിർമ്മിക്കുക. ഉപഭോക്താക്കൾ ഒരു സേവനം, ഒരു തീയതി, ഒരു ഒഴിവുള്ള സമയസ്ലോട്ട് എന്നിവ തിരഞ്ഞെടുക്കുന്നു, തുടർന്ന് പേരും ഫോൺ നമ്പറും നൽകുന്നു. ലോഗിന് പിന്നിലുള്ള ഒരു സ്വകാര്യ അഡ്മിൻ പേജ് ദിവസം അനുസരിച്ച് ബുക്കിംഗുകൾ കാണിക്കുന്നു.

എന്ത് തെറ്റി: രണ്ട് ഉപഭോക്താക്കൾ ഒരു മിനിറ്റിനുള്ളിൽ ഒരേ 10:00 സ്ലോട്ട് ബുക്ക് ചെയ്തു, കാരണം പേജ് ആദ്യം ലോഡ് ചെയ്യുമ്പോൾ മാത്രമാണ് ലഭ്യത പരിശോധിച്ചത്. 90 മിനിറ്റ് കളർ ബുക്കിംഗ് അതിനുശേഷമുള്ള സ്ലോട്ടുകളെയും തടഞ്ഞില്ല.

പരിഹാര പ്രോംപ്റ്റ്:

ഒരു ഉപഭോക്താവ് ബുക്കിംഗ് സമർപ്പിക്കുമ്പോൾ, അത് ഉൾക്കൊള്ളുന്ന ഓരോ സ്ലോട്ടും ഇപ്പോഴും ഒഴിവാണോ എന്ന് സെർവറിൽ പരിശോധിക്കുക; അല്ലെങ്കിൽ "ആ സമയം ഇപ്പോൾ എടുത്തു" എന്ന് പറഞ്ഞ് നിരസിക്കുക. ഒരു സേവനം അതിന്റെ മുഴുവൻ ദൈർഘ്യവും തടയുന്നു, അതിനാൽ 10:00-ലെ 90 മിനിറ്റ് ബുക്കിംഗ് 10:00, 10:30, 11:00 എന്നിവ തടയുന്നു.

പാഠം: ഒരേസമയം രണ്ട് ആളുകൾക്ക് ചെയ്യാവുന്ന എന്തിനും സെർവർ-വശ പരിശോധന വേണം. പൂർണ്ണ പതിപ്പിന്, ഒരു ബുക്കിംഗ് ആപ്പ് എങ്ങനെ നിർമ്മിക്കാം കാണുക.

3. QR കോഡോടെ ഒരു റെസ്റ്റോറന്റ് മെനു

ആരാണ് നിർമ്മിക്കുന്നത്: മെനു വളരെ പതിവായി പുനഃപ്രിന്റ് ചെയ്യുന്ന കഫേ, റെസ്റ്റോറന്റ് ഉടമകൾ.

ആദ്യ പ്രോംപ്റ്റ്:

എന്റെ കഫേയ്ക്കായി ഒരു മൊബൈൽ മെനു വെബ്സൈറ്റ് നിർമ്മിക്കുക. ബ്രേക്ക്ഫാസ്റ്റ്, ലഞ്ച്, പാനീയങ്ങൾ, ഡെസേർട്ടുകൾ എന്നിവയ്ക്ക് വിഭാഗങ്ങൾ, ഓരോ ഇനത്തിനും പേര്, വില, ചെറിയ വിവരണം, ഭക്ഷണ ടാഗുകൾ (vegan, gluten-free). ഇനങ്ങൾ എഡിറ്റ് ചെയ്യാനും അവ തീർന്നു എന്ന് അടയാളപ്പെടുത്താനും ഒരു അഡ്മിൻ പേജ് വേണം. മെനുവിലേക്ക് ലിങ്ക് ചെയ്യുന്ന, പ്രിന്റ് ചെയ്യാവുന്ന ഒരു QR കോഡ് കാണിക്കുക.

എന്ത് തെറ്റി: ഒന്നും പൊട്ടിയില്ല, പക്ഷേ ഓരോ ഇനത്തിനും മുഴുവൻ വലിപ്പമുള്ള ഫോൺ ഫോട്ടോകൾ ലോഡ് ചെയ്തതിനാൽ കഫേ Wi-Fi-ൽ മെനു മന്ദഗതിയിലായി.

പരിഹാര പ്രോംപ്റ്റ്:

മെനു ഫോട്ടോകൾ വളരെ ഭാരമുള്ളതാണ്. അപ്ലോഡ് ചെയ്ത ചിത്രങ്ങൾ പരമാവധി 800px വീതിയിൽ റീസൈസ് ചെയ്ത് കംപ്രസ് ചെയ്യുക, സന്ദർശകൻ സ്ക്രോൾ ചെയ്യുമ്പോൾ മാത്രം ലോഡ് ചെയ്യുക.

പാഠം: നിങ്ങളുടെ ഓഫീസിൽ മാത്രമല്ല, മന്ദഗതിയിലുള്ള കണക്ഷനിൽ പരീക്ഷിക്കുക.

4. ഒരു ടീമിനുള്ള ഉപകരണ അല്ലെങ്കിൽ സ്റ്റോക്ക് ട്രാക്കർ

ആരാണ് നിർമ്മിക്കുന്നത്: പങ്കിട്ട സ്പ്രെഡ്ഷീറ്റ് മാറ്റുന്ന ഓപ്പറേഷൻസ് ആളുകൾ.

ആദ്യ പ്രോംപ്റ്റ്:

ഞങ്ങളുടെ വെയർഹൗസ് ടീമിനായി ഒരു ഇൻവെന്ററി ടൂൾ നിർമ്മിക്കുക. ഇനങ്ങൾക്ക് പേര്, SKU, അളവ്, സ്ഥലം, കുറഞ്ഞ നില എന്നിവയുണ്ട്. സ്റ്റാഫ് ലോഗിൻ ചെയ്ത് സ്റ്റോക്ക് ചേർക്കാനും കാരണത്തോടെ നീക്കം ചെയ്യാനും കഴിയും, കുറഞ്ഞ നിലയ്ക്ക് താഴെയുള്ള ഇനങ്ങളുടെ പട്ടിക ചുവപ്പിൽ കാണിക്കുക. ഓരോ മാറ്റത്തിന്റെയും ചരിത്രവും ആരാണ് ചെയ്തതെന്നും സൂക്ഷിക്കുക.

എന്ത് തെറ്റി: ചരിത്രം പേരുകൾക്ക് പകരം "user 3" കാണിച്ചു, ലഭ്യമുള്ളതിലും കൂടുതൽ സ്റ്റോക്ക് നീക്കം ചെയ്തപ്പോൾ അളവ് നെഗറ്റീവായി.

പരിഹാര പ്രോംപ്റ്റ്:

ചരിത്രത്തിൽ ഐഡിക്ക് പകരം വ്യക്തിയുടെ പേര് കാണിക്കുക. അളവ് പൂജ്യത്തിന് താഴെയാക്കുന്ന ഒരു നീക്കം അനുവദിക്കരുത്; പകരം "4 മാത്രമേ സ്റ്റോക്കിലുള്ളൂ" എന്ന് കാണിക്കുക.

പാഠം: സാധ്യമായത് മാത്രമല്ല, അസാധ്യമായത് എന്താകണമെന്നും വിവരിക്കുക. ഒരു ഇൻവെന്ററി ആപ്പ് നിർമ്മിക്കുന്നത് സംബന്ധിച്ച ഞങ്ങളുടെ ഗൈഡ് ബാക്കിയുള്ളത് വിശദീകരിക്കുന്നു.

5. ഒരു ഫ്രീലാൻസർക്കോ സ്റ്റുഡിയോയ്ക്കോ ഒരു ക്ലയന്റ് പോർട്ടൽ

ആരാണ് നിർമ്മിക്കുന്നത്: ഡിസൈനർമാർ, അക്കൗണ്ടന്റുമാർ, കൺസൾട്ടന്റുമാർ, ഏജൻസികൾ.

ആദ്യ പ്രോംപ്റ്റ്:

ഒരു ക്ലയന്റ് പോർട്ടൽ നിർമ്മിക്കുക. ഞാൻ ക്ലയന്റുകളെ ഇമെയിൽ വഴി ക്ഷണിക്കുന്നു. ഓരോ ക്ലയന്റും ലോഗിൻ ചെയ്ത് അവരുടെ സ്വന്തം പ്രോജക്ടുകളും ഫയലുകളും ഇൻവോയ്സുകളും മാത്രം കാണുന്നു, കമന്റുകൾ ഇടാനും കഴിയും. അഡ്മിനായി ഞാൻ ലോഗിൻ ചെയ്ത് എല്ലാം കാണുന്നു.

എന്ത് തെറ്റി: ഇതാണ് ഈ പട്ടികയിലെ ഏറ്റവും പ്രധാനപ്പെട്ട പരാജയം. പേജുകൾ ഓരോ ക്ലയന്റിനും അവരുടെ സ്വന്തം പ്രോജക്ടുകൾ മാത്രമാണ് കാണിച്ചത്, പക്ഷേ അഡ്രസ് ബാറിലെ നമ്പർ മാറ്റിയാൽ സെർവർ ഏത് പ്രോജക്റ്റും തിരികെ നൽകി. ഒരു ക്ലയന്റായി ചുറ്റി നടന്നത് ഇത് വെളിപ്പെടുത്തിയില്ല.

പരിഹാര പ്രോംപ്റ്റ്:

പ്രോജക്ടുകൾ, ഫയലുകൾ, കമന്റുകൾ, ഇൻവോയ്സുകൾ തിരികെ നൽകുന്ന ഓരോ സെർവർ റൂട്ടും പരിശോധിക്കുക. ഓരോന്നും ലോഗിൻ ചെയ്ത ക്ലയന്റ് ആ റെക്കോർഡിന്റെ ഉടമയാണെന്ന് ഉറപ്പാക്കണം; അല്ലെങ്കിൽ "not found" തിരികെ നൽകണം. പിന്നെ പരീക്ഷിക്കുക: ക്ലയന്റ് A ആയി ലോഗിൻ ചെയ്ത് അവരുടെ ഐഡി വഴി ക്ലയന്റ് B-യുടെ പ്രോജക്റ്റ് തുറക്കാൻ ശ്രമിക്കുക.

പാഠം: സ്ക്രീനിൽ എന്തെങ്കിലും ഒളിപ്പിക്കുന്നത് അതിനെ സംരക്ഷിക്കുന്നതിന് തുല്യമല്ല. ഇതിനെക്കുറിച്ച് കൂടുതൽ vibe coding സുരക്ഷിതമാണോ? എന്നതിൽ.

6. വെയ്റ്റ്ലിസ്റ്റോടെ ഒരു ലോഞ്ച് പേജ്

ആരാണ് നിർമ്മിക്കുന്നത്: നിർമ്മിക്കുന്നതിന് മുമ്പ് ആശയം പരീക്ഷിക്കുന്ന സ്ഥാപകർ.

ആദ്യ പ്രോംപ്റ്റ്:

ട്യൂട്ടർമാരെ പാഠങ്ങൾ ഷെഡ്യൂൾ ചെയ്യാനും പണം ശേഖരിക്കാനും സഹായിക്കുന്ന ഒരു ആപ്പിനായി ഒരു ലാൻഡിംഗ് പേജ് നിർമ്മിക്കുക. പ്രധാന തലക്കെട്ട്, ഉപതലക്കെട്ട്, ഇമെയിൽ സൈൻ-അപ്പ്, മൂന്ന് പ്രയോജനങ്ങൾ, എങ്ങനെ പ്രവർത്തിക്കുന്നു എന്ന വിഭാഗം, ഒരു FAQ. സൈൻ-അപ്പുകൾ തീയതിയോടെ ഡാറ്റാബേസിൽ സേവ് ചെയ്യുക, ഒരു സ്വകാര്യ പേജിൽ നിന്ന് CSV ആയി ഡൗൺലോഡ് ചെയ്യാൻ അനുവദിക്കുക.

എന്ത് തെറ്റി: ദിവസങ്ങൾക്കുള്ളിൽ ലിസ്റ്റ് ബോട്ടുകളിൽ നിന്നുള്ള വ്യാജ സൈൻ-അപ്പുകളാൽ നിറഞ്ഞു, പേജിന് ശീർഷകമോ വിവരണമോ ഇല്ലാത്തതിനാൽ പങ്കിട്ട ലിങ്കുകൾ ശൂന്യമായ പ്രിവ്യൂ കാണിച്ചു.

പരിഹാര പ്രോംപ്റ്റ്:

സൈൻ-അപ്പ് ഫോമിൽ അടിസ്ഥാന ബോട്ട് സംരക്ഷണം ചേർക്കുക (മറഞ്ഞിരിക്കുന്ന ഹണിപോട്ട് ഫീൽഡും ഒരു IP-ക്ക് മണിക്കൂറിൽ 5 സൈൻ-അപ്പുകളുടെ പരിധിയും). പേജ് ശീർഷകം, meta വിവരണം, സോഷ്യൽ പങ്കിടൽ ചിത്രം എന്നിവ ചേർക്കുക.

പാഠം: ഒരു പൊതു ഫോം കണ്ടെത്തപ്പെടും. ഒരു വെയ്റ്റ്ലിസ്റ്റ് പേജ് എങ്ങനെ നിർമ്മിക്കാം കാണുക.

7. ഒരു ടീച്ചർക്കുള്ള ക്വിസ് ആപ്പ്

ആരാണ് നിർമ്മിക്കുന്നത്: LMS-നെക്കാൾ ലഘുവായ എന്തെങ്കിലും വേണ്ട അധ്യാപകരും പരിശീലകരും.

ആദ്യ പ്രോംപ്റ്റ്:

എന്റെ ക്ലാസിനായി ഒരു ക്വിസ് ആപ്പ് നിർമ്മിക്കുക. ഓരോന്നിനും ഒരു ശരിയായ ഉത്തരമുള്ള മൾട്ടിപ്പിൾ-ചോയ്സ് ചോദ്യങ്ങളോടെ ഞാൻ ക്വിസുകൾ സൃഷ്ടിക്കുന്നു. വിദ്യാർത്ഥികൾ ഒരു കോഡും അവരുടെ ആദ്യ പേരും നൽകി ചേരുന്നു, ചോദ്യങ്ങൾക്ക് ഉത്തരം നൽകി അവസാനം സ്കോർ കാണുന്നു. ഓരോ ക്വിസിനും ഫലങ്ങളുടെ പട്ടിക ഞാൻ കാണുന്നു.

എന്ത് തെറ്റി: ശരിയായ ഉത്തരങ്ങൾ ചോദ്യങ്ങളോടൊപ്പം ബ്രൗസറിലേക്ക് അയച്ചു, അതിനാൽ ജിജ്ഞാസയുള്ള ഒരു വിദ്യാർത്ഥിക്ക് പേജ് സോഴ്സിൽ അവ വായിക്കാമായിരുന്നു. 100% കിട്ടുന്നതുവരെ വിദ്യാർത്ഥികൾക്ക് വീണ്ടും സമർപ്പിക്കാനും കഴിഞ്ഞു.

പരിഹാര പ്രോംപ്റ്റ്:

ശരിയായ ഉത്തരങ്ങൾ ബ്രൗസറിലേക്ക് അയക്കരുത്. സമർപ്പണത്തിന് ശേഷം സെർവറിൽ ഉത്തരങ്ങൾ പരിശോധിക്കുക. ഓരോ ക്വിസിനും ഒരു വിദ്യാർത്ഥി പേരിന് ഒരു സമർപ്പണം മാത്രം അനുവദിക്കുക, ആരെങ്കിലും വീണ്ടും ശ്രമിച്ചാൽ അധ്യാപകന് കാണിക്കുക.

പാഠം: ബ്രൗസർ ഉപയോക്താവിന്റേതാണ്. അവിടെയുള്ളതെന്തും വായിക്കാനാകും.

8. ഒരു ചെറിയ AI ടൂൾ

ആരാണ് നിർമ്മിക്കുന്നത്: ഒരു കേന്ദ്രീകൃത AI സഹായി വേണ്ട മാർക്കറ്റർമാരും എഴുത്തുകാരും സ്ഥാപകരും.

ആദ്യ പ്രോംപ്റ്റ്:

ഒരു ഉൽപ്പന്ന വിവരണത്തെ വ്യത്യസ്ത സ്വരങ്ങളിൽ (സൗഹൃദം, വിദഗ്ധൻ, കളിയായ, ചെറുത്, നീളമുള്ളത്) അഞ്ച് സോഷ്യൽ മീഡിയ പോസ്റ്റുകളാക്കുന്ന ഒരു ടൂൾ നിർമ്മിക്കുക. AI API ഉപയോഗിക്കുക. ഞാൻ വിവരണം ഒട്ടിക്കുന്നു, ഒരു പ്ലാറ്റ്ഫോം തിരഞ്ഞെടുക്കുന്നു, കോപ്പി ബട്ടണുകളോടെ പോസ്റ്റുകൾ ലഭിക്കുന്നു.

എന്ത് തെറ്റി: ആദ്യ പതിപ്പ് AI സേവനത്തെ നേരിട്ട് ബ്രൗസറിൽ നിന്ന് വിളിച്ചു, API കീ പേജിനുള്ളിൽ തന്നെ ഉണ്ടായിരുന്നു; ആർക്കും അത് പകർത്തി ബിൽ കൂട്ടാൻ കഴിയുമായിരുന്നു.

പരിഹാര പ്രോംപ്റ്റ്:

AI കോൾ സെർവറിലേക്ക് മാറ്റുക. API കീ ഒരു secret ആയി സൂക്ഷിക്കുക, ഒരിക്കലും ഫ്രണ്ടെൻഡ് കോഡിൽ വേണ്ട. ഓരോ സന്ദർശകനും ദിവസം 20 ജനറേഷനുകളിൽ പരിമിതപ്പെടുത്തുക.

പാഠം: കീകൾ സെർവറിലെ secrets-ലാണ് വേണ്ടത്. API കീകൾ സുരക്ഷിതമാക്കുന്നത് എങ്ങനെ, നിങ്ങളുടെ ആപ്പിലേക്ക് AI സവിശേഷതകൾ ചേർക്കുന്നത് എങ്ങനെ എന്നിവ കാണുക.

9. ഒരു അറബിക്, ഇംഗ്ലീഷ് ബിസിനസ് വെബ്സൈറ്റ്

ആരാണ് നിർമ്മിക്കുന്നത്: രണ്ട് ഭാഷകളിൽ സേവനം നൽകുന്ന ഗൾഫിലെയും വിശാല അറബ് ലോകത്തെയും ബിസിനസുകൾ.

ആദ്യ പ്രോംപ്റ്റ്:

എന്റെ ഇന്റീരിയർ ഡിസൈൻ കമ്പനിക്കായി അറബിക്കിലും ഇംഗ്ലീഷിലും ഒരു ഭാഷാ സ്വിച്ചോടെ ഒരു വെബ്സൈറ്റ് നിർമ്മിക്കുക. പേജുകൾ: ഹോം, സേവനങ്ങൾ, പോർട്ട്ഫോളിയോ, ആമുഖം, ബന്ധപ്പെടുക. അറബിക് പൂർണ്ണമായി വലത്-നിന്ന്-ഇടത് ആയിരിക്കണം.

എന്ത് തെറ്റി: അറബിക് ടെക്സ്റ്റ് വലത്തോട്ട് ചേർന്നെങ്കിലും ലേഔട്ട് മിറർ ചെയ്തില്ല: അമ്പടയാളങ്ങൾ ഇപ്പോഴും തെറ്റായ ദിശയിലായിരുന്നു, മെനു തെറ്റായ വശത്തായിരുന്നു. ചില സ്ഥലങ്ങളിൽ ഫോൺ നമ്പറുകൾ പിന്നോട്ടും കാണിച്ചു.

പരിഹാര പ്രോംപ്റ്റ്:

അറബിക്കിൽ മുഴുവൻ ലേഔട്ടും മിറർ ചെയ്യുക: പേജ് ദിശ വലത്-നിന്ന്-ഇടത്തേക്ക് സെറ്റ് ചെയ്യുക, മെനു വലത്ത് വയ്ക്കുക, ദിശാസൂചക ഐക്കണുകൾ മറിക്കുക, അറബിക് ടെക്സ്റ്റിനുള്ളിൽ ഫോൺ നമ്പറുകളും ഇമെയിലുകളും ഇടത്-നിന്ന്-വലത്തേക്ക് നിലനിർത്തുക.

പാഠം: വലത്-നിന്ന്-ഇടത് എന്നത് ഒരു അലൈൻമെന്റ് മാത്രമല്ല, ഒരു ലേഔട്ടാണ്. Mythex അറബിക്കും മറ്റ് വലത്-നിന്ന്-ഇടത് ലേഔട്ടുകളും കൈകാര്യം ചെയ്യുന്നു, നിങ്ങൾക്ക് നേരിട്ട് അറബിക്കിൽ പ്രോംപ്റ്റ് ചെയ്യാനും കഴിയും.

10. ഒരു ഫോൺ ആപ്പായി മാറുന്ന ട്രാക്കർ

ആരാണ് നിർമ്മിക്കുന്നത്: ഉപയോക്താക്കൾ ഫോണിൽ ജീവിക്കുന്ന പരിശീലകരും ജിമ്മുകളും കമ്മ്യൂണിറ്റി ഗ്രൂപ്പുകളും.

ആദ്യ പ്രോംപ്റ്റ്:

എന്റെ പേഴ്സണൽ ട്രെയ്നിംഗ് ക്ലയന്റുകൾക്കായി ഒരു വർക്കൗട്ട് ലോഗ് നിർമ്മിക്കുക. ഓരോ ക്ലയന്റും ലോഗിൻ ചെയ്ത് ഞാൻ ആഴ്ചയ്ക്ക് നൽകിയ പ്ലാൻ കാണുന്നു, വ്യായാമങ്ങൾ ടിക്ക് ചെയ്ത് ഭാരം രേഖപ്പെടുത്തുന്നു. ഓരോ ക്ലയന്റിന്റെയും പുരോഗതി ഞാൻ ഒരു ചാർട്ടിൽ കാണുന്നു.

എന്ത് തെറ്റി: വെബ് ആപ്പ് പ്രവർത്തിച്ചു, പക്ഷേ ഫോണുകളിൽ വർക്കൗട്ടിനിടയിൽ ടാപ്പ് ചെയ്യാൻ ബട്ടണുകൾ വളരെ ചെറുതായിരുന്നു, ചാർട്ട് വായിക്കാനാകാത്തതായിരുന്നു.

പരിഹാര പ്രോംപ്റ്റ്:

ഫോണിൽ ഒരു കൈകൊണ്ട് ഉപയോഗിക്കാൻ ഇത് രൂപകൽപ്പന ചെയ്യുക: സ്ക്രീനിന്റെ താഴെ വലിയ ടാപ്പ് ലക്ഷ്യങ്ങൾ, ഓരോ സ്ക്രീനിലും ഒരു വ്യായാമം, വലിയ Next, Done ബട്ടണുകൾ, ലളിതമായ പ്രതിവാര പുരോഗതി ചാർട്ട്.

പാഠം: ആളുകൾ ഫോണിൽ ഉപയോഗിക്കുമെങ്കിൽ, ആദ്യം ഫോണിനായി രൂപകൽപ്പന ചെയ്യുക. Mythex Pro-യിൽ പ്രസിദ്ധീകരിച്ച ആപ്പ് പിന്നീട് Google Play-ക്കുള്ള Android ആപ്പും TestFlight-ലേക്ക് അയക്കുന്ന iPhone ആപ്പും ആകാം; ഫോൺ ആപ്പ് നിങ്ങളുടെ പ്രസിദ്ധീകരിച്ച ആപ്പ് തുറക്കുന്നതിനാൽ, ഓരോ Publish-ഉം അതിനെ അപ്ഡേറ്റ് ചെയ്യുന്നു. മൊബൈൽ ആപ്പ് ബിൽഡർ പേജ് കാണുക.

ഈ ഉദാഹരണങ്ങൾക്ക് പിന്നിലെ പാറ്റേണുകൾ

പത്തിലുടനീളം, പരാജയങ്ങൾ കുറച്ച് ഗ്രൂപ്പുകളിലായി വീഴുന്നു:

ഇവയിൽ ഒന്നിനും കോഡ് വായിക്കേണ്ടതില്ല. ജിജ്ഞാസയുള്ള, അൽപ്പം ശത്രുതയുള്ള ഒരു ഉപയോക്താവിനെപ്പോലെ പരീക്ഷിക്കുകയും നിങ്ങൾ കാണുന്നത് കൃത്യമായി വിവരിക്കുകയും ചെയ്യുക എന്നതാണ് ആവശ്യം.

സ്വയം ഒന്ന് പരീക്ഷിക്കുക

നിങ്ങളുടെ ആശയത്തോട് ഏറ്റവും അടുത്ത ഉദാഹരണം തിരഞ്ഞെടുത്ത് അതിന്റെ ആദ്യ പ്രോംപ്റ്റ് പകർത്തി വിശദാംശങ്ങൾ മാറ്റുക. പങ്കിടുന്നതിന് മുമ്പ് ഫോളോ-അപ്പ് പ്രോംപ്റ്റ് ഒരു ചെക്ക്ലിസ്റ്റായി ഉപയോഗിക്കുക. vibe coding പ്രോംപ്റ്റുകളുടെ ചീറ്റ് ഷീറ്റിൽ 30 എണ്ണം കൂടിയുണ്ട്, vibe coding ഉപയോഗിച്ച് ആപ്പ് എങ്ങനെ നിർമ്മിക്കാം ഒരു പ്രോജക്റ്റിനെ ആശയം മുതൽ പ്രസിദ്ധീകരിച്ച ആപ്പ് വരെ നയിക്കുന്നു. തയ്യാറാകുമ്പോൾ AI ആപ്പ് ബിൽഡറിൽ തുടങ്ങുക, അല്ലെങ്കിൽ ഒരു മുന്നൊരുക്കത്തിന് ടെംപ്ലേറ്റുകൾ നോക്കുക.

ചോദ്യങ്ങൾ