நகலெடுக்கக்கூடிய 30 Vibe Coding Prompts (சுருக்குறிப்பு)

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

இவை எந்த AI ஆப் பில்டரிலும் அல்லது coding ஏஜென்டிலும் வேலை செய்யும். அவற்றுக்குப் பின்னுள்ள காரணத்தை விரும்பினால், AI ஆப் பில்டர்களுக்கு prompts எழுதுவது எப்படி பற்றிய நீண்ட வழிகாட்டி கோட்பாடுகளை விளக்குகிறது. இந்தப் பக்கம் சுருக்குறிப்பு.

இந்தச் சுருக்குறிப்பை எப்படிப் பயன்படுத்துவது

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

முதல் உருவாக்கப் prompts

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

1. ஒரு எளிய டிராக்கர்

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

2. ஒரு சிறு வணிக முன்பதிவு பக்கம்

என் [முடி salon]-க்கு ஒரு முன்பதிவு பக்கம் உருவாக்குங்கள். வாடிக்கையாளர்கள் ஒரு சேவையைத் ([வெட்டு 30 நிமிடம், வண்ணம் 90 நிமிடம்]), ஒரு தேதியை, [9:00 முதல் 18:00 வரை] உள்ள ஒரு இலவச நேர இடைவெளியைத் தேர்ந்தெடுத்து, பெயர், தொலைபேசி மற்றும் மின்னஞ்சலை உள்ளிடுகிறார்கள். இரண்டு பேர் ஒரே இடைவெளியை முன்பதிவு செய்ய முடியாது. உள்நுழைவுக்குப் பின்னால் ஒரு தனிப்பட்ட நிர்வாகப் பக்கம் வேண்டும், அது வரவிருக்கும் முன்பதிவுகளை நாள் வாரியாகப் பட்டியலிட வேண்டும்.

3. ஒரு உள் கருவி

என் குழு [உபகரணக் கடன்களை] கண்காணிக்க ஒரு உள் கருவி உருவாக்குங்கள். ஒவ்வொரு பொருளுக்கும் பெயர், குறியீடு மற்றும் நிலை (கிடைக்கிறது, கடனில், உடைந்தது). ஊழியர்கள் உள்நுழைந்து ஒரு பொருளைத் தங்களுக்கு எடுத்து, திருப்பித் தரலாம். நிலைவாரி வடிகட்டிகளுடன் ஒரு அட்டவணையும், ஒவ்வொரு பொருளை யார் வைத்திருந்தார்கள் என்ற வரலாறும் காட்டுங்கள்.

4. காத்திருப்புப் பட்டியலுடன் ஒரு landing page

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

5. ஒரு வாடிக்கையாளர் போர்ட்டல்

என் [வடிவமைப்பு studio]-க்கு ஒரு வாடிக்கையாளர் போர்ட்டல் உருவாக்குங்கள். ஒவ்வொரு வாடிக்கையாளரும் உள்நுழைந்து தங்கள் சொந்த திட்டங்களை மட்டுமே பார்க்கிறார்கள், நிலை, நான் பதிவேற்றிய ஃபைல்கள் மற்றும் ஒரு கருத்துத் தொடர். நான் admin ஆக உள்நுழைந்து எல்லா வாடிக்கையாளர்களையும் பார்க்கிறேன். வாடிக்கையாளர்கள் ஒருவரின் டேட்டாவை ஒருபோதும் பார்க்கக்கூடாது.

6. ஒரு கணக்கீடு அல்லது மேற்கோள் கருவி

என் [துப்புரவு வணிகத்துக்கு] ஒரு மேற்கோள் கணக்கீடு உருவாக்குங்கள். உள்ளீடுகள்: படுக்கையறைகளின் எண்ணிக்கை, குளியலறைகள், கூடுதல் சேவைகள் (அடுப்பு, ஜன்னல்கள், குளிர்சாதனப்பெட்டி) மற்றும் அதிர்வெண் (ஒரு முறை, வாராந்திரம், மாதாந்திரம்). விருப்பங்கள் மாறும்போது விலையைப் பிரிவுகளுடன் காட்டுங்கள். விலைகள்: [உங்கள் விலைப் பட்டியலை ஒட்டவும்]. மேற்கோள் கோரிக்கையை மின்னஞ்சல் மூலம் எனக்கு அனுப்ப ஒரு பொத்தான் சேர்க்கவும்.

திட்டமிடல் prompts

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

7. கட்டுவதற்கு முன் திட்டமிடுங்கள்

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

8. குழப்பமான யோசனையை ஒரு முதல் பதிப்பாக மாற்றுங்கள்

இதோ என் யோசனை: [குறிப்புகளை ஒட்டவும்]. இன்னும் பயனுள்ள மிகச் சிறிய முதல் பதிப்பை 5–8 புள்ளிகளில் பரிந்துரையுங்கள். பின்னர் எதற்காக விட்டுவிடுவீர்கள், ஏன் என்று பட்டியலிடுங்கள்.

9. என்ன விடுபட்டுள்ளது என்று கேளுங்கள்

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

10. ஒரு பெரிய மாற்றத்தை முதலில் சரிபாருங்கள்

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

வடிவமைப்பு prompts

11. ஒரு தெளிவான பாணியை அமையுங்கள்

ஆப்பை மறுவடிவமையுங்கள்: சூடான வெளிர் வெள்ளைப் பின்னணி, அடர் உரை, ஒரே உச்சரிப்பு நிறம் [#1F6F50], வட்ட மூலைகள், தாராளமான இடைவெளி மற்றும் நவீன sans-serif எழுத்துரு. தளவமைப்பையும் ஒவ்வொரு அம்சத்தையும் அப்படியே வையுங்கள்.

12. ஒரு குறிப்பின் உணர்வை நகலெடுங்கள்

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

13. போன் தளவமைப்பைச் சரிசெய்யுங்கள்

375px அகலமுள்ள போனில், [Orders பக்கத்தில்] உள்ள அட்டவணை பக்கவாட்டில் உருளுகிறது, பொத்தான்கள் ஒன்றின் மேல் ஒன்று விழுகின்றன. சிறிய திரைகளில் ஒவ்வொரு வரிசையையும் அடுக்கப்பட்ட அட்டையாக மாற்றுங்கள். டெஸ்க்டாப் தளவமைப்பை மாற்ற வேண்டாம்.

14. காலியான, ஏற்றும், பிழை நிலைகள்

[Projects பட்டியலுக்கு] சரியான நிலைகளைச் சேருங்கள்: முதல் திட்டத்தைச் சேர்க்க ஒரு பொத்தானுடன் நட்பான காலியான நிலை, டேட்டா ஏற்றும்போது ஒரு loading skeleton, ஏற்றுதல் தோல்வியுற்றால் மீண்டும் முயற்சி பொத்தானுடன் ஒரு தெளிவான செய்தி.

15. வலமிருந்து இடம் ஆதரவு

முழு வலமிருந்து இடம் தளவமைப்புடன் இடைமுகத்தின் ஒரு அரபி பதிப்பைச் சேருங்கள். ஒரு திசையைக் காட்டும் ஐகான்கள் திருப்பப்பட வேண்டும்; எண்களும் தேதிகளும் locale வடிவத்தைப் பயன்படுத்த வேண்டும். ஆங்கிலத்தை இயல்புநிலையாக வையுங்கள்.

டேட்டா மற்றும் அம்சப் prompts

16. டேட்டா நிலைக்கச் செய்யுங்கள்

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

17. உள்நுழைவைச் சேருங்கள்

மின்னஞ்சல் மற்றும் கடவுச்சொல்லுடன் பதிவு மற்றும் உள்நுழைவைச் சேருங்கள். ஒவ்வொரு பயனரும் தங்கள் சொந்த [பதிவுகளை] மட்டுமே பார்த்து திருத்த வேண்டும். மேல் பட்டியில் பயனரின் மின்னஞ்சலை log-out பொத்தானுடன் காட்டுங்கள்.

18. பாத்திரங்களைச் சேருங்கள்

இரண்டு பாத்திரங்களைச் சேருங்கள்: admin மற்றும் member. Admin-கள் [தயாரிப்புகளைச்] சேர்க்கலாம், திருத்தலாம், நீக்கலாம்; members அவற்றை மட்டுமே பார்க்கலாம். இதை சர்வரில் அமல்படுத்துங்கள், பொத்தான்களை மறைப்பதன் மூலம் மட்டும் அல்ல.

19. தேடலையும் வடிகட்டிகளையும் சேருங்கள்

[contacts பட்டியலுக்கு] மேலே ஒரு தேடல் பெட்டியைச் சேருங்கள், நான் தட்டச்சு செய்யும்போது பெயர், நிறுவனம் அல்லது மின்னஞ்சலுடன் பொருந்த வேண்டும், [நிலைக்கு] ஒரு வடிகட்டியும். தற்போதைய வரிசையமைப்பை வையுங்கள்.

20. ஃபைல் பதிவேற்றங்களைச் சேருங்கள்

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

21. ஒரு spreadsheet-இலிருந்து இறக்குமதி செய்யுங்கள்

[name, email, phone, notes] நெடுவரிசைகள் கொண்ட CSV-ஐ ஏற்கும் ஒரு Import பொத்தானைச் சேருங்கள், முதல் 10 வரிசைகளின் முன்னோட்டத்தைக் காட்டி, சேமிக்கும் முன் நான் உறுதிப்படுத்த அனுமதியுங்கள். மின்னஞ்சல் இல்லாத வரிசைகளைத் தவிர்த்து, எத்தனை தவிர்க்கப்பட்டன என்று சொல்லுங்கள்.

பிழை சரிசெய்யும் prompts

22. ஒரு பிழையைத் தெளிவாகப் புகாரளியுங்கள்

[திருத்தப் படிவத்தில் Save-ஐ கிளிக் செய்தால்] "[சரியான பிழை உரை]" என்று காட்டுகிறது, மாற்றம் சேமிக்கப்படவில்லை. எதிர்பார்ப்பு: மாற்றம் சேமிக்கப்பட்டு பட்டியலுக்குத் திரும்ப வேண்டும். காரணத்தைக் கண்டுபிடித்து, ஓரிரு வாக்கியங்களில் விளக்கி, பின்னர் சரிசெய்யுங்கள்.

23. ஒரு சரிசெய்யும் சுழற்சியை நிறுத்துங்கள்

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

24. பக்க விளைவுகளைத் திரும்பப் பெறுங்கள்

உங்கள் கடைசி மாற்றம் தேதித் தேர்வியைச் சரிசெய்தது, ஆனால் [sidebar] மறைந்துவிட்டது. sidebar-ஐ முன்பு இருந்தபடியே திரும்பக் கொண்டு வாருங்கள், தேதித் தேர்வி சரிசெய்தலை வையுங்கள்.

25. மாற்றுவதற்கு முன் விளக்குங்கள்

[checkout மொத்தம்] இப்போது எப்படிக் கணக்கிடப்படுகிறது என்று படிப்படியாக விளக்குங்கள், சம்பந்தப்பட்ட ஃபைல்களைச் சுட்டிக்காட்டுங்கள். எதையும் மாற்ற வேண்டாம்.

சோதனை மற்றும் மதிப்பாய்வு prompts

26. விளிம்பு நிலைகள்

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

27. சமீபத்திய மாற்றங்களைச் சுருக்குங்கள்

கடந்த [ஐந்து] படிகளில் நீங்கள் செய்த ஒவ்வொரு மாற்றத்தையும் எளிய வார்த்தைகளில் சுருக்குங்கள், ஏற்கனவே உள்ள டேட்டாவைப் பாதிக்கக்கூடியவற்றைக் குறியிடுங்கள்.

பாதுகாப்பு prompts

இவற்றை vibe coding பாதுகாப்பானதா என்ற எங்கள் பக்கத்துடன் சேர்த்துப் பயன்படுத்துங்கள்.

28. டேட்டா அணுகலைச் சரிபாருங்கள்

சர்வர் கோடைச் சரிபாருங்கள்: உள்நுழைந்த ஒரு பயனர் ஒரு கோரிக்கையில் ID-ஐ மாற்றி மற்றொரு பயனரின் [பதிவுகளை] படிக்கவோ மாற்றவோ முடியுமா? அணுகல் எங்கே சரிபார்க்கப்படுகிறது என்று காட்டி, ஏதேனும் இடைவெளிகளைச் சரிசெய்யுங்கள்.

29. வெளிப்பட்ட secrets-ஐச் சரிபாருங்கள்

இந்த ஆப் பயன்படுத்தும் ஒவ்வொரு API key, கடவுச்சொல் அல்லது token-ஐயும், ஒவ்வொன்றும் எங்கே சேமிக்கப்படுகிறது என்றும் பட்டியலிடுங்கள். அவற்றில் எதுவும் உலாவியில் இயங்கும் கோடிலோ ஃபைல்களில் commit செய்யப்பட்டோ இல்லை என்று உறுதிப்படுத்துங்கள். இருந்தால் அவற்றை secrets-க்கு நகர்த்துங்கள்.

வெளியீட்டு prompts

30. வெளியிடுவதற்கு முந்தைய பரிசோதனை

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

தவிர்க்க வேண்டிய prompts

சில prompts நம்பகமாக மோசமான முடிவுகளைத் தரும்:

• "இதை இன்னும் சிறப்பாக்குங்கள்." எப்படி சிறப்பாக? திரையையும் மாற்றத்தையும் பெயரிடுங்கள்.
• "எல்லாவற்றையும் சரிசெய்யுங்கள்." AI நிறைய மாற்றும், எது நகர்ந்தது என்று உங்களுக்குத் தெரியாது.
• "[library] மற்றும் [framework] மற்றும் [pattern] பயன்படுத்துங்கள்." உங்களுக்கு ஒரு காரணம் இல்லாவிட்டால், நடத்தையை விவரித்து அடுக்கைக் கருவியே தேர்ந்தெடுக்கட்டும்.
• "இதோ என் API key: …" ரகசியங்களை ஒருபோதும் அரட்டையில் ஒட்டாதீர்கள். கருவியின் secret அமைப்புகளைப் பயன்படுத்துங்கள்.
• ஒரே செய்தியில் பத்து அம்சங்கள். அவற்றைப் பிரியுங்கள்.

prompts-ஐ ஒரு பழக்கமாக்குதல்

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

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

கேள்விகள்