Vibe Coding எடுத்துக்காட்டுகள்: 10 உண்மையான ஆப் வகைகள், prompts மற்றும் என்ன தவறானது

மிகவும் பொதுவான vibe coding எடுத்துக்காட்டுகள் சிறிய, பயனுள்ள வலை ஆப்கள்: டிராக்கர்கள், முன்பதிவு பக்கங்கள், உள் கருவிகள், வாடிக்கையாளர் போர்ட்டல்கள், landing pages, வினாடி வினாக்கள், dashboards மற்றும் எளிய AI கருவிகள். கீழே அவற்றில் பத்து உள்ளன. ஒவ்வொன்றுக்கும் யார் உருவாக்குகிறார்கள், முதல் prompt, பொதுவாக என்ன தவறாகும், அதைச் சரிசெய்யும் அடுத்த prompt ஆகியவற்றைப் பார்ப்பீர்கள்.

இவை மக்கள் AI ஆப் பில்டர்களிடம் அதிகம் கொண்டுவரும் திட்டங்களின் கலவைகள், ஒருவரின் வழக்கு ஆய்வுகள் அல்ல. prompts நகலெடுக்கக்கூடியவை. தோல்விகள் மீண்டும் மீண்டும் வருபவை, அதனால்தான் அவையே பயனுள்ள பகுதி. vibe coding உங்களுக்குப் புதியதென்றால், vibe coding என்றால் என்ன என்பதிலிருந்து தொடங்குங்கள்.

1. தனிப்பட்ட பட்ஜெட் டிராக்கர்

யார் உருவாக்குகிறார்கள்: spreadsheet-களை முயற்சித்து விட்டுவிட்ட தனிநபர்கள்.

முதல் prompt:

ஒரு மாதாந்திர பட்ஜெட் டிராக்கர் உருவாக்குங்கள். தொகை, வகை (உணவு, வாடகை, போக்குவரத்து, கேளிக்கை, மற்றவை), தேதி மற்றும் குறிப்புடன் செலவுகளைச் சேர்க்கிறேன். இந்த மாதத்தின் வகைவாரி மொத்தத்தை bar chart-ஆகவும் சமீபத்திய செலவுகளின் பட்டியலாகவும் காட்டுங்கள். ஒவ்வொரு வகைக்கும் பட்ஜெட் அமைத்து மீதம் எவ்வளவு என்று பார்க்கலாம்.

என்ன தவறானது: chart இதுவரை உள்ளிட்ட ஒவ்வொரு செலவையும் எண்ணியது, இந்த மாதத்தை மட்டும் அல்ல, அதனால் இரண்டாம் மாதத்தில் ஒவ்வொரு வகையும் அதிகம் செலவானதாகத் தெரிந்தது. மேலும், "1,200" என்று காற்புள்ளியுடன் தட்டச்சு செய்த தொகைகள் 1 ஆகச் சேமிக்கப்பட்டன.

சரிசெய்யும் prompt:

chart மற்றும் மொத்தங்களில் தேர்ந்தெடுத்த மாதத்தின் செலவுகள் மட்டுமே இருக்க வேண்டும். மேலே ஒரு மாத தேர்வியைச் சேர்க்கவும், இயல்புநிலை தற்போதைய மாதம். காற்புள்ளிகள் அல்லது இடைவெளிகளுடன் தட்டச்சு செய்த தொகைகளையும் ஏற்று அவற்றை எண்களாகச் சேமிக்கவும்.

பாடம்: "இந்த மாதம்" என்பது ஒரு விதி. விதிகளை வாய்விட்டுச் சொல்லுங்கள்.

2. ஒரு சிறிய salon-க்கான முன்பதிவு பக்கம்

யார் உருவாக்குகிறார்கள்: தொலைபேசி மற்றும் DM மூலம் முன்பதிவு செய்து சோர்வடைந்த சிறு வணிக உரிமையாளர்கள்.

முதல் prompt:

என் salon-க்கு ஒரு முன்பதிவு பக்கம் உருவாக்குங்கள். வாடிக்கையாளர்கள் ஒரு சேவை, ஒரு தேதி மற்றும் ஒரு இலவச நேர இடைவெளியைத் தேர்ந்தெடுத்து, பெயரும் தொலைபேசி எண்ணும் உள்ளிடுகிறார்கள். உள்நுழைவுக்குப் பின்னால் உள்ள ஒரு தனிப்பட்ட நிர்வாகப் பக்கம் நாள் வாரியாக முன்பதிவுகளைக் காட்ட வேண்டும்.

என்ன தவறானது: இரண்டு வாடிக்கையாளர்கள் ஒரு நிமிட இடைவெளியில் ஒரே 10:00 நேர இடைவெளியை முன்பதிவு செய்தனர், ஏனெனில் பக்கம் முதலில் ஏற்றப்படும்போது மட்டுமே கிடைக்கும் தன்மையைச் சரிபார்த்தது. 90 நிமிட வண்ணப் பணி அதற்குப் பின்னுள்ள நேர இடைவெளிகளையும் தடுக்கவில்லை.

சரிசெய்யும் prompt:

ஒரு வாடிக்கையாளர் முன்பதிவைச் சமர்ப்பிக்கும்போது, அது மூடும் ஒவ்வொரு நேர இடைவெளியும் இன்னும் இலவசமா என்று சர்வரில் சரிபார்க்கவும்; இல்லையென்றால் "That time was just taken" என்று நிராகரிக்கவும். ஒரு சேவை அதன் முழு நீளத்தையும் தடுக்கிறது, எனவே 10:00 மணிக்கு 90 நிமிட முன்பதிவு 10:00, 10:30 மற்றும் 11:00 ஆகியவற்றைத் தடுக்கும்.

பாடம்: ஒரே நேரத்தில் இரண்டு பேர் செய்யக்கூடிய எதற்கும் சர்வர் பக்கச் சரிபார்ப்பு வேண்டும். முழு பதிப்புக்கு முன்பதிவு ஆப் எப்படி உருவாக்குவது பார்க்கவும்.

3. QR குறியீட்டுடன் உணவக மெனு

யார் உருவாக்குகிறார்கள்: மெனுக்களை அடிக்கடி மீண்டும் அச்சிடும் café மற்றும் உணவக உரிமையாளர்கள்.

முதல் prompt:

என் café-க்கு ஒரு மொபைல் மெனு வலைத்தளம் உருவாக்குங்கள். காலை உணவு, மதிய உணவு, பானங்கள் மற்றும் இனிப்புகளுக்கான பகுதிகள், ஒவ்வொரு பொருளுக்கும் பெயர், விலை, சுருக்கமான விளக்கம் மற்றும் உணவுக் குறிச்சொற்கள் (vegan, gluten-free). பொருட்களைத் திருத்தவும் அவற்றை விற்றுத் தீர்ந்ததாகக் குறிக்கவும் ஒரு நிர்வாகப் பக்கம் வேண்டும். மெனுவுக்கு இணைக்கும் அச்சிடக்கூடிய QR குறியீட்டைக் காட்டுங்கள்.

என்ன தவறானது: எதுவும் உடையவில்லை, ஆனால் ஒவ்வொரு பொருளுக்கும் முழு அளவிலான போன் புகைப்படங்கள் ஏற்றப்பட்டதால் café Wi-Fi-யில் மெனு மெதுவாக இருந்தது.

சரிசெய்யும் prompt:

மெனு புகைப்படங்கள் மிகவும் கனமாக உள்ளன. பதிவேற்றப்பட்ட படங்களை அதிகபட்சம் 800px அகலத்திற்கு மாற்றவும், அவற்றை அழுத்தவும், பார்வையாளர் கீழே உருட்டும்போது மட்டும் lazy-ஆக ஏற்றவும்.

பாடம்: உங்கள் அலுவலகத்தில் மட்டுமல்ல, மெதுவான இணைப்பிலும் சோதியுங்கள்.

4. ஒரு குழுவுக்கான உபகரணம் அல்லது கையிருப்பு டிராக்கர்

யார் உருவாக்குகிறார்கள்: பகிரப்பட்ட spreadsheet-ஐ மாற்றும் செயல்பாட்டுப் பணியாளர்கள்.

முதல் prompt:

எங்கள் கிடங்கு குழுவுக்கு ஒரு inventory கருவி உருவாக்குங்கள். பொருட்களுக்கு பெயர், SKU, அளவு, இடம் மற்றும் குறைந்தபட்ச நிலை இருக்கும். ஊழியர்கள் உள்நுழைந்து கையிருப்பைச் சேர்க்கலாம், காரணத்துடன் கையிருப்பை நீக்கலாம், குறைந்தபட்சத்துக்குக் கீழே உள்ள பொருட்களின் பட்டியலை சிவப்பில் பார்க்கலாம். ஒவ்வொரு மாற்றத்தின் வரலாற்றையும் அதைச் செய்தவர் யார் என்பதையும் வைத்திருங்கள்.

என்ன தவறானது: வரலாறு பெயர்களுக்குப் பதிலாக "user 3" என்று காட்டியது, மேலும் இருப்பதை விட அதிகக் கையிருப்பை நீக்கியதால் அளவு எதிர்மறையானது.

சரிசெய்யும் prompt:

வரலாற்றில் நபரின் ID அல்ல, பெயரைக் காட்டவும். கையிருப்பை பூஜ்யத்துக்குக் கீழே கொண்டு செல்லும் நீக்கத்தை அனுமதிக்க வேண்டாம்; அதற்குப் பதிலாக "Only 4 in stock" என்று காட்டவும்.

பாடம்: சாத்தியமானதை மட்டும் அல்ல, சாத்தியமில்லாததையும் விவரியுங்கள். inventory ஆப் உருவாக்குவது பற்றிய எங்கள் வழிகாட்டி மீதியை உள்ளடக்குகிறது.

5. ஒரு freelancer அல்லது studio-க்கான வாடிக்கையாளர் போர்ட்டல்

யார் உருவாக்குகிறார்கள்: வடிவமைப்பாளர்கள், கணக்காளர்கள், ஆலோசகர்கள் மற்றும் ஏஜென்சிகள்.

முதல் prompt:

ஒரு வாடிக்கையாளர் போர்ட்டல் உருவாக்குங்கள். வாடிக்கையாளர்களை மின்னஞ்சல் மூலம் அழைக்கிறேன். ஒவ்வொரு வாடிக்கையாளரும் உள்நுழைந்து தங்கள் சொந்த திட்டங்கள், ஃபைல்கள் மற்றும் இன்வாய்ஸ்களை மட்டுமே பார்த்து கருத்துகளை இடலாம். நான் admin ஆக உள்நுழைந்தால் அனைத்தையும் பார்க்கிறேன்.

என்ன தவறானது: பட்டியலில் இது மிக முக்கியமான தோல்வி. பக்கங்கள் ஒவ்வொரு வாடிக்கையாளருக்கும் அவர்களின் சொந்த திட்டங்களை மட்டுமே காட்டின, ஆனால் முகவரிப் பட்டியில் எண்ணை மாற்றினால் சர்வர் எந்தத் திட்டத்தையும் திருப்பிக் கொடுத்தது. ஒரு வாடிக்கையாளராகச் சுற்றிப் பார்த்தால் அது வெளிப்படவில்லை.

சரிசெய்யும் prompt:

திட்டங்கள், ஃபைல்கள், கருத்துகள் அல்லது இன்வாய்ஸ்களைத் திருப்பும் ஒவ்வொரு சர்வர் route-ஐயும் சரிபார்க்கவும். ஒவ்வொன்றும் உள்நுழைந்த வாடிக்கையாளர் அந்தப் பதிவின் உரிமையாளர் என்று உறுதிப்படுத்த வேண்டும், இல்லையென்றால் "not found" திருப்ப வேண்டும். பின்னர் சோதியுங்கள்: வாடிக்கையாளர் A-ஆக உள்நுழைந்து வாடிக்கையாளர் B-யின் திட்டத்தை அதன் ID மூலம் திறக்க முயலுங்கள்.

பாடம்: திரையில் ஒன்றை மறைப்பது அதைப் பாதுகாப்பதற்குச் சமமல்ல. இதைப் பற்றி மேலும் vibe coding பாதுகாப்பானதா? என்பதில்.

6. காத்திருப்புப் பட்டியலுடன் ஒரு launch பக்கம்

யார் உருவாக்குகிறார்கள்: ஒரு யோசனையை உருவாக்கும் முன் சோதிக்கும் நிறுவனர்கள்.

முதல் prompt:

ஆசிரியர்கள் பாடங்களை அட்டவணையிட்டு கட்டணம் வசூலிக்க உதவும் ஒரு ஆப்புக்கான landing page உருவாக்குங்கள். Hero தலைப்பு, துணைத் தலைப்பு, மின்னஞ்சல் பதிவு, மூன்று நன்மைகள், எப்படி வேலை செய்கிறது பகுதி மற்றும் FAQ. பதிவுகளை தேதியுடன் ஒரு டேட்டாபேஸில் சேமியுங்கள், தனிப்பட்ட பக்கத்திலிருந்து CSV ஆகப் பதிவிறக்கும் வசதியுடன்.

என்ன தவறானது: சில நாட்களில் பட்டியல் bots-இன் குப்பைப் பதிவுகளால் நிரம்பியது, மேலும் பக்கத்தில் title அல்லது விளக்கம் இல்லாததால் பகிரப்பட்ட இணைப்புகள் வெற்று முன்னோட்டம் காட்டின.

சரிசெய்யும் prompt:

பதிவு படிவத்துக்கு அடிப்படை bot பாதுகாப்பைச் சேர்க்கவும் (மறைக்கப்பட்ட honeypot புலம் மற்றும் ஒரு IP-க்கு மணிக்கு 5 பதிவுகள் என்ற வரம்பு). ஒரு page title, meta description மற்றும் சமூகப் பகிர்வுப் படத்தைச் சேர்க்கவும்.

பாடம்: பொதுப் படிவம் கண்டுபிடிக்கப்படும். காத்திருப்புப் பட்டியல் பக்கம் எப்படி உருவாக்குவது பார்க்கவும்.

7. ஆசிரியருக்கான வினாடி வினா ஆப்

யார் உருவாக்குகிறார்கள்: LMS-ஐ விட இலகுவான ஒன்றை விரும்பும் ஆசிரியர்கள் மற்றும் பயிற்சியாளர்கள்.

முதல் prompt:

என் வகுப்புக்கு ஒரு வினாடி வினா ஆப் உருவாக்குங்கள். பல தேர்வு கேள்விகள் கொண்ட வினாடி வினாக்களை உருவாக்குகிறேன், ஒவ்வொன்றுக்கும் ஒரே ஒரு சரியான பதில். மாணவர்கள் ஒரு குறியீடும் தங்கள் முதல் பெயரும் கொண்டு சேருகிறார்கள், கேள்விகளுக்குப் பதிலளிக்கிறார்கள், இறுதியில் மதிப்பெண்ணைப் பார்க்கிறார்கள். ஒவ்வொரு வினாடி வினாவுக்கும் முடிவு அட்டவணையைப் பார்க்கிறேன்.

என்ன தவறானது: சரியான பதில்கள் கேள்விகளுடன் உலாவிக்கு அனுப்பப்பட்டன, எனவே ஒரு ஆர்வமுள்ள மாணவர் பக்க மூலத்தில் அவற்றைப் படிக்கலாம். மாணவர்கள் 100% வரும் வரை மீண்டும் சமர்ப்பிக்கவும் முடிந்தது.

சரிசெய்யும் prompt:

சரியான பதில்களை உலாவிக்கு அனுப்ப வேண்டாம். சமர்ப்பித்த பின் சர்வரில் பதில்களைச் சரிபார்க்கவும். ஒவ்வொரு வினாடி வினாவுக்கும் ஒரு மாணவர் பெயருக்கு ஒரே ஒரு சமர்ப்பிப்பை அனுமதிக்கவும், யாராவது மீண்டும் முயன்றால் ஆசிரியருக்குக் காட்டவும்.

பாடம்: உலாவி பயனருக்குச் சொந்தமானது. அங்குள்ள எதையும் படிக்கலாம்.

8. ஒரு சிறிய AI கருவி

யார் உருவாக்குகிறார்கள்: ஒரு கவனம் செலுத்திய AI உதவியாளரை விரும்பும் சந்தைப்படுத்துபவர்கள், எழுத்தாளர்கள் மற்றும் நிறுவனர்கள்.

முதல் prompt:

ஒரு தயாரிப்பு விளக்கத்தை வெவ்வேறு தொனிகளில் (நட்பு, நிபுணத்துவம், விளையாட்டுத்தனம், சுருக்கம், நீண்டது) ஐந்து சமூக ஊடகப் பதிவுகளாக மாற்றும் ஒரு கருவி உருவாக்குங்கள். AI API பயன்படுத்துங்கள். விளக்கத்தை ஒட்டுகிறேன், ஒரு தளத்தைத் தேர்ந்தெடுக்கிறேன், நகல் பொத்தான்களுடன் பதிவுகளைப் பெறுகிறேன்.

என்ன தவறானது: முதல் பதிப்பு பக்கத்திற்குள் API key-உடன் உலாவியிலிருந்தே AI சேவையை நேரடியாக அழைத்தது, அதை யார் வேண்டுமானாலும் நகலெடுத்து கட்டணத்தை உயர்த்தலாம்.

சரிசெய்யும் prompt:

AI அழைப்பை சர்வருக்கு நகர்த்தவும். API key-ஐ ஒரு secret-ஆகச் சேமிக்கவும், ஒருபோதும் frontend கோடில் அல்ல. ஒவ்வொரு பார்வையாளருக்கும் ஒரு நாளைக்கு 20 உருவாக்கங்கள் என்று வரம்பிடவும்.

பாடம்: keys சர்வரில் secrets-இல் இருக்க வேண்டும். API keys-ஐ பாதுகாப்பாக வைப்பது எப்படி மற்றும் உங்கள் ஆப்பில் AI அம்சங்களைச் சேர்ப்பது எப்படி பார்க்கவும்.

9. அரபி மற்றும் ஆங்கில வணிக வலைத்தளம்

யார் உருவாக்குகிறார்கள்: இரண்டு மொழிகளில் சேவை செய்யும் வளைகுடா மற்றும் பரந்த அரபு உலகின் வணிகங்கள்.

முதல் prompt:

என் உட்புற வடிவமைப்பு நிறுவனத்துக்கு அரபி மற்றும் ஆங்கிலத்தில் ஒரு வலைத்தளம் உருவாக்குங்கள், மொழி மாற்றியுடன். பக்கங்கள்: முகப்பு, சேவைகள், போர்ட்ஃபோலியோ, எங்களைப் பற்றி மற்றும் தொடர்பு. அரபி முழுமையாக வலமிருந்து இடமாக இருக்க வேண்டும்.

என்ன தவறானது: அரபி உரை வலப்பக்கம் சீரமைக்கப்பட்டது, ஆனால் தளவமைப்பு பிரதிபலிக்கப்படவில்லை: அம்புக்குறிகள் இன்னும் தவறான திசையில் இருந்தன, மெனு தவறான பக்கத்தில் இருந்தது. சில இடங்களில் தொலைபேசி எண்களும் தலைகீழாகக் காட்டப்பட்டன.

சரிசெய்யும் prompt:

அரபியில், முழு தளவமைப்பையும் பிரதிபலிக்கவும்: பக்க திசையை வலமிருந்து இடமாக அமைக்கவும், மெனுவை வலப்பக்கம் வைக்கவும், திசை ஐகான்களைத் திருப்பவும், அரபி உரைக்குள் தொலைபேசி எண்களையும் மின்னஞ்சல்களையும் இடமிருந்து வலமாக வைக்கவும்.

பாடம்: வலமிருந்து இடம் என்பது ஒரு தளவமைப்பு, சீரமைப்பு மட்டும் அல்ல. Mythex அரபி மற்றும் பிற வலமிருந்து இடம் தளவமைப்புகளைக் கையாளும், நீங்கள் நேரடியாக அரபியிலும் prompt செய்யலாம்.

10. போன் ஆப்பாக மாறும் ஒரு டிராக்கர்

யார் உருவாக்குகிறார்கள்: பயிற்சியாளர்கள், உடற்பயிற்சி நிலையங்கள் மற்றும் சமூகக் குழுக்கள், அவர்களின் பயனர்கள் போன்களில் வாழ்பவர்கள்.

முதல் prompt:

என் தனிப்பட்ட பயிற்சி வாடிக்கையாளர்களுக்கு ஒரு workout log உருவாக்குங்கள். ஒவ்வொரு வாடிக்கையாளரும் உள்நுழைந்து நான் அந்த வாரத்துக்கு ஒதுக்கிய திட்டத்தைப் பார்த்து, பயிற்சிகளைக் குறிக்கிறார்கள், எடைகளைப் பதிவு செய்கிறார்கள். ஒவ்வொரு வாடிக்கையாளரின் முன்னேற்றத்தையும் ஒரு chart-இல் பார்க்கிறேன்.

என்ன தவறானது: வலை ஆப் வேலை செய்தது, ஆனால் போன்களில் பொத்தான்கள் உடற்பயிற்சியின் நடுவில் தட்டுவதற்கு மிகச் சிறியதாக இருந்தன, chart படிக்க முடியாததாக இருந்தது.

சரிசெய்யும் prompt:

ஒரு கையால் போனில் பயன்படுத்தும் வகையில் வடிவமைக்கவும்: திரையின் அடியில் பெரிய தொடு இலக்குகள், ஒரு திரைக்கு ஒரு பயிற்சி, பெரிய Next மற்றும் Done பொத்தான்கள், ஒரு எளிய வாராந்திர முன்னேற்ற chart.

பாடம்: மக்கள் போனில் பயன்படுத்தப் போகிறார்கள் என்றால், முதலில் போனுக்காக வடிவமைக்கவும். Mythex Pro-வில், வெளியிடப்பட்ட ஆப் பின்னர் Google Play-க்கான Android ஆப்பாகவும், TestFlight-க்கு அனுப்பப்படும் iPhone ஆப்பாகவும் மாறலாம்; போன் ஆப் உங்கள் வெளியிடப்பட்ட ஆப்பைத் திறக்கும், எனவே ஒவ்வொரு Publish-உம் அதைப் புதுப்பிக்கும். மொபைல் ஆப் பில்டர் பக்கத்தைப் பார்க்கவும்.

இந்த எடுத்துக்காட்டுகளின் பின்னுள்ள வடிவங்கள்

அனைத்து பத்திலும், தோல்விகள் சில குழுக்களாக வருகின்றன:

இவற்றில் எதற்கும் நீங்கள் கோடைப் படிக்க வேண்டியதில்லை. ஆர்வமுள்ள, சற்று விரோதமான பயனரைப் போல சோதிக்க வேண்டும், நீங்கள் பார்ப்பதை துல்லியமாக விவரிக்க வேண்டும்.

நீங்களே ஒன்றை முயலுங்கள்

உங்கள் யோசனைக்கு மிக நெருக்கமான எடுத்துக்காட்டைத் தேர்ந்தெடுத்து, அதன் முதல் prompt-ஐ நகலெடுத்து விவரங்களை மாற்றுங்கள். பின்னர் பகிர்வதற்கு முன் சரிசெய்யும் prompt-ஐ ஒரு சரிபார்ப்புப் பட்டியலாகப் பயன்படுத்துங்கள். எங்கள் vibe coding prompts சுருக்குறிப்பு இன்னும் 30 தருகிறது, மேலும் vibe coding மூலம் ஆப் எப்படி உருவாக்குவது ஒரு திட்டத்தை யோசனையிலிருந்து வெளியிடப்பட்ட ஆப் வரை நடத்திச் செல்கிறது. நீங்கள் தயாரானதும், AI ஆப் பில்டர்-இல் தொடங்குங்கள் அல்லது ஒரு தொடக்கத்துக்காக டெம்ப்ளேட்டுகளை உலாவுங்கள்.

கேள்விகள்