30 Vibe Coding-ის პრომპტი, რომელთა კოპირებაც შეგიძლიათ (შპარგალკა)

საუკეთესო Vibe Coding-ის პრომპტები მოკლეა, კონკრეტული და ქცევაზეა: ვინ იყენებს აპს, რა შეუძლია მას, რას ინახავს და როგორ გამოიყურება. ქვემოთ 30 პრომპტია, რომელთა კოპირებაც და ჩასმაც შეგიძლიათ, დაჯგუფებული იმ ეტაპის მიხედვით, სადაც იმყოფებით, პირველი აშენებიდან გამოქვეყნებამდე. ჩანაცვლეთ [კვადრატულ ფრჩხილებში] მოცემული ნაწილები თქვენი დეტალებით.

ისინი მუშაობს ნებისმიერ AI აპის ბილდერში ან კოდირების აგენტში. თუ გსურთ მათი დასაბუთება, ჩვენი გრძელი გზამკვლევი როგორ დავწეროთ პრომპტები AI აპის ბილდერებისთვის პრინციპებს განმარტავს. ეს გვერდი შპარგალკაა.

როგორ გამოიყენოთ ეს შპარგალკა

• დაიწყეთ ერთი პირველი აშენების პრომპტით, შემდეგ გამოიყენეთ დანარჩენები ერთი-ერთით.
• გამოსცადეთ ყოველი პრომპტის შემდეგ. გაიარეთ ცვლილება, სანამ შემდეგს გაგზავნით.
• შეინახეთ ის, რაც მუშაობს. ბევრი შემდგომი პრომპტი აქ მთავრდება «დანარჩენი იგივე დატოვე»-თი არა შემთხვევით.
• ჩასვით ზუსტი ტექსტი. შეცდომის შეტყობინებები, ღილაკების წარწერები და ეკრანზე არსებული სიტყვები აღწერაზე უკეთესია ყოველ ჯერზე.

პირველი აშენების პრომპტები

ეს განსაზღვრავს აპის ფორმას. თითოეული ასახელებს მომხმარებლებს, მოქმედებებს, მონაცემებსა და სახეს.

1. მარტივი თრექერი

ააშენე ჩემთვის [ჩვევის] თრექერი. შემიძლია დავამატო [ჩვევა] სახელითა და ფერით, მონიშნო ის დღეში ერთხელ და ვნახო 30-დღიანი ბადე და მიმდინარე სერია. შეინახე ყველაფერი, რომ გვერდის განახლების შემდეგაც იყოს. სუფთა, მინიმალისტური დიზაინი, რომელიც ტელეფონზე მუშაობს.

2. მცირე ბიზნესის დაჯავშნის გვერდი

ააშენე დაჯავშნის გვერდი ჩემი [თმის სალონისთვის]. მომხმარებელი ირჩევს სერვისს ([ჭრა 30 წთ, შეღებვა 90 წთ]), თარიღს და თავისუფალ დროის სლოტს [9:00-დან 18:00-მდე], შემდეგ შეაქვს სახელი, ტელეფონი და ელფოსტა. ორი ადამიანი ერთსა და იმავე სლოტს ვერ დაიჯავშნის. მჭირდება კერძო ადმინის გვერდი, შესვლის მიღმა, რომელიც აჩვენებს მომავალ დაჯავშნებს დღეების მიხედვით.

3. შიდა ინსტრუმენტი

ააშენე შიდა ინსტრუმენტი ჩემი გუნდისთვის [აღჭურვილობის სესხების] თვალყურის დევნებისთვის. თითოეულ ნივთს აქვს სახელი, კოდი და სტატუსი (თავისუფალია, სესხზეა, გატეხილია). თანამშრომლები შედიან, შეუძლიათ ნივთის საკუთარ თავზე გატანა და დაბრუნება. აჩვენე ცხრილი სტატუსის ფილტრებით და ისტორია, ვინ რა ნივთი ჰქონდა.

4. სადესანტო გვერდი ლისტით

ააშენე ერთგვერდიანი ვებსაიტი [ჩემი პროდუქტისთვის: კვების დაგეგმვის აპი დაკავებული მშობლებისთვის]. მთავარი სათაური, ერთი წინადადების ქვესათაური და ელფოსტით რეგისტრაცია. შემდეგ სამი უპირატესობა, მოკლე სექცია როგორ მუშაობს და FAQ. შეინახე რეგისტრაციის ელფოსტები მონაცემთა ბაზაში და მაჩვენე სია კერძო ადმინის გვერდზე.

5. კლიენტის პორტალი

ააშენე კლიენტის პორტალი ჩემი [დიზაინ-სტუდიისთვის]. თითოეული კლიენტი შედის და ხედავს მხოლოდ საკუთარ პროექტებს სტატუსით, ჩემ მიერ ატვირთულ ფაილებსა და კომენტარების ძაფს. მე შევდივარ ადმინად და ვხედავ ყველა კლიენტს. კლიენტებმა არასდროს უნდა ნახონ ერთმანეთის მონაცემები.

6. კალკულატორი ან ფასის ინსტრუმენტი

ააშენე ფასის კალკულატორი ჩემი [დასუფთავების ბიზნესისთვის]. შეყვანა: საძინებლების რაოდენობა, სააბაზანოების რაოდენობა, დამატებითი სერვისები (ღუმელი, ფანჯრები, მაცივარი) და სიხშირე (ერთჯერადი, ყოველკვირეული, ყოველთვიური). აჩვენე ფასი ვარიანტების შეცვლისას, დაშლით. ფასები: [ჩასვი შენი ფასების სია]. დაამატე ღილაკი, რომელიც ფასის მოთხოვნას ელფოსტით მიმიგზავნის.

დაგეგმვის პრომპტები

გამოიყენეთ ეს დიდ ფუნქციამდე ან მაშინ, როცა არ ხართ დარწმუნებული, როგორ აღწეროთ რამე.

7. დაგეგმე აშენებამდე

სანამ კოდს დაწერ, ჩვეულებრივი სიტყვებით აღწერე, რა ეკრანებს ააშენებ, რა მონაცემებს შეინახავ და რა გადაწყვეტილებები მჭირდება ჩემგან. დაელოდე ჩემს თანხმობას.

8. გადააქციე ბუნდოვანი იდეა პირველ ვერსიად

აი ჩემი იდეა: [ჩასვი შენიშვნები]. შემომთავაზე ყველაზე მცირე პირველი ვერსია, რომელიც მაინც სასარგებლოა, 5–8 პუნქტად. ჩამოთვალე, რას დატოვებ მომავლისთვის და რატომ.

9. ჰკითხე, რა აკლია

რა კითხვებს დამისვამდა დეველოპერი, სანამ ამას ააშენებდა? დამისვი ისინი ერთ-ერთად, შემდეგ შეაჯამე ჩემი პასუხები მოკლე სპეციფიკაციად.

10. შეამოწმე დიდი ცვლილება წინასწარ

მინდა დავამატო [გუნდური ანგარიშები, სადაც რამდენიმე ადამიანი ერთ სამუშაო სივრცეს იზიარებს]. ამიხსენი, რა უნდა შეიცვალოს მონაცემებში, ეკრანებსა და უფლებებში და რა შეიძლება გატყდეს. ჯერ არაფერი შეცვალო.

დიზაინის პრომპტები

11. დააყენე მკაფიო სტილი

გადააფორმე აპი: თბილი, ოდნავ ნაცრისფერი ფონი, მუქი ტექსტი, ერთი აქცენტური ფერი [#1F6F50], მომრგვალებული კუთხეები, თავისუფალი სივრცე და თანამედროვე sans-serif შრიფტი. დატოვე განლაგება და ყველა ფუნქცია ზუსტად ისე, როგორც არის.

12. დააკოპირე მითითების შეგრძნება

გახადე დაფა მშვიდი ფინანსური აპის მსგავსი: ბევრი თავისუფალი სივრცე, რიცხვები დიდი და მუქი, წარწერები პატარა და ნაცრისფერი, ზევით ერთი მარტივი დიაგრამა. ნუ დააკოპირებ ვერცერთი ბრენდის ლოგოს ან ტექსტს.

13. გაასწორე ტელეფონის განლაგება

ტელეფონზე 375px სიგანით, ცხრილი [შეკვეთების გვერდზე] ჰორიზონტალურად ისრიალებს და ღილაკები ერთმანეთს ეფარება. თითოეული მწკრივი პატარა ეკრანებზე გახადე დალაგებულ ბარათად. დესკტოპის განლაგება არ შეცვალო.

14. ცარიელი, ჩატვირთვისა და შეცდომის მდგომარეობები

დაამატე სათანადო მდგომარეობები [პროექტების სიას]: მეგობრული ცარიელი მდგომარეობა ღილაკით პირველი პროექტის დასამატებლად, ჩატვირთვის ჩონჩხი მონაცემების ჩატვირთვისას და მკაფიო შეტყობინება ხელახლა ცდის ღილაკით, თუ ჩატვირთვა ჩაიშალა.

15. მარჯვნიდან მარცხნივ მხარდაჭერა

დაამატე არაბული ვერსია ინტერფეისისთვის სრული მარჯვნიდან მარცხნივ განლაგებით. მიმართულების მქონე ხატულები უნდა შეიბრუნოს; რიცხვებსა და თარიღებს ლოკალის ფორმატი უნდა ჰქონდეს. ინგლისური დარჩეს ნაგულისხმევად.

მონაცემებისა და ფუნქციების პრომპტები

16. მონაცემების შენარჩუნება

ახლა ჩემი მონაცემები გვერდის განახლებისას ქრება. შეინახე ისინი რეალურ მონაცემთა ბაზაში და დატოვე მიმდინარე ეკრანები იგივენაირად მუშაობდეს.

17. დაამატე შესვლა

დაამატე რეგისტრაცია და შესვლა ელფოსტითა და პაროლით. თითოეულმა მომხმარებელმა უნდა ნახოს და შეცვალოს მხოლოდ საკუთარი [ჩანაწერები]. აჩვენე მომხმარებლის ელფოსტა ზედა ზოლში გასვლის ღილაკით.

18. დაამატე როლები

დაამატე ორი როლი: ადმინი და წევრი. ადმინებს შეუძლიათ [პროდუქტების] დამატება, რედაქტირება და წაშლა; წევრებს მხოლოდ ნახვა. ეს სერვერზე უნდა ამოწმებდეს, არა მხოლოდ ღილაკების დამალვით.

19. დაამატე ძებნა და ფილტრები

დაამატე საძიებო ველი [კონტაქტების სიის] ზემოთ, რომელიც ემთხვევა სახელს, კომპანიას ან ელფოსტას აკრეფისას, და ფილტრი [სტატუსისთვის]. შეინარჩუნე მიმდინარე დალაგების თანმიმდევრობა.

20. დაამატე ფაილების ატვირთვა

მიეცი მომხმარებლებს საშუალება დაურთონ მაქსიმუმ [5] სურათი თითო [განცხადებას], თითო მაქსიმუმ [5 MB]. აჩვენე მინიატურები განცხადებაზე და დიდი ხედი დაწკაპუნებისას. მხოლოდ მფლობელს შეუძლია თავისი სურათების წაშლა.

21. იმპორტი სპრედშიტიდან

დაამატე იმპორტის ღილაკი, რომელიც იღებს CSV-ს სვეტებით [სახელი, ელფოსტა, ტელეფონი, შენიშვნები], აჩვენებს პირველი 10 სტრიქონის გადახედვას და საშუალებას მაძლევს დავადასტურო შენახვამდე. გამოტოვე სტრიქონები ელფოსტის გარეშე და მითხარი, რამდენი გამოტოვდა.

შეცდომების გასწორების პრომპტები

22. მკაფიოდ აღწერე შეცდომა

როცა [ვაჭერ შენახვას რედაქტირების ფორმაზე], ვხედავ «[ზუსტი შეცდომის ტექსტი]»-ს და ცვლილება არ ინახება. მოსალოდნელი: ცვლილება ინახება და ვბრუნდები სიაში. იპოვე მიზეზი, ერთი-ორი წინადადებით აუხსენი და შემდეგ გაასწორე.

23. შეაჩერე გასწორების ციკლი

სამჯერ ვცადეთ ამის გასწორება და ისევ არ მუშაობს. შეწყვიტე კოდის შეცვლა. ჩამომითვალე სამი ყველაზე სავარაუდო მიზეზი, როგორ შევამოწმოთ თითოეული და რომელია, თქვენი აზრით.

24. გააუქმე გვერდითი ეფექტები

შენმა ბოლო ცვლილებამ თარიღის ამრჩევი გაასწორა, მაგრამ [გვერდითი პანელი] გაქრა. დააბრუნე გვერდითი პანელი ზუსტად ისე, როგორიც იყო, და დატოვე თარიღის ამრჩევის შესწორება.

25. აუხსენი ცვლილებამდე

აუხსენი, როგორ ითვლება [შემოწმების ჯამი] ახლა, ეტაპობრივად, მიუთითე ჩართულ ფაილებზე. არაფერი შეცვალო.

ტესტირებისა და გადახედვის პრომპტები

26. ზღვრული შემთხვევები

ჩამომითვალე 10 გზა, რომლითაც რეალურმა მომხმარებელმა შეიძლება [დაჯავშნის ფორმა] გატეხოს: ცარიელი ველები, ძალიან გრძელი ტექსტი, ორჯერ დაწკაპუნება, ორი ადამიანი ერთდროულად, არასწორი დროის სარტყელი. გამოსცადე თითოეული და გაასწორე, რაც ვარდება. მითხარი, რა შეცვალე.

27. შეაჯამე ბოლო ცვლილებები

შეაჯამე ყველა ცვლილება, რომელიც ბოლო [ხუთი] ნაბიჯის განმავლობაში გააკეთე, ჩვეულებრივი სიტყვებით, და მონიშნე ის, რამაც შეიძლება არსებულ მონაცემებზე იმოქმედოს.

უსაფრთხოების პრომპტები

გამოიყენეთ ეს ჩვენს გვერდთან უსაფრთხოა თუ არა Vibe Coding ერთად.

28. მონაცემებზე წვდომის შემოწმება

შეამოწმე სერვერის კოდი: შეუძლია თუ არა შესულ მომხმარებელს წაიკითხოს ან შეცვალოს სხვა მომხმარებლის [ჩანაწერები] მოთხოვნაში ID-ის შეცვლით? მაჩვენე, სად მოწმდება წვდომა, და გაასწორე ხარვეზები.

29. გამოუყენებელი საიდუმლოების შემოწმება

ჩამომითვალე ყველა API გასაღები, პაროლი ან ტოკენი, რომელსაც ეს აპი იყენებს, და სად ინახება თითოეული. დარწმუნდი, რომ არცერთი არ არის ბრაუზერში მომუშავე კოდში ან ფაილებში დარეგისტრირებული. თუ არის, გადაიტანე საიდუმლოებში.

გამოქვეყნების პრომპტები

30. წინასწარი გადახედვა

მალე ამას რეალური მომხმარებლებისთვის გამოვაქვეყნებ. გადახედე ისე, როგორც მიმომხილველი: გატეხილი ბმულები, გამოტოვებული გვერდის სათაურები და აღწერები, ფორმები ვალიდაციის გარეშე, ნელი გვერდები, კონსოლის შეცდომები და ყველაფერი, რაც ტელეფონზე დაუმთავრებლად გამოიყურება. მომეცი სია მნიშვნელობის მიხედვით დალაგებული და გაასწორე პირველი ხუთი.

პრომპტები, რომელთაც უნდა აარიდოთ თავი

ზოგი პრომპტი სტაბილურად უარეს შედეგს იძლევა:

• «გააკეთე უკეთესი». რით უკეთესი? დაასახელეთ ეკრანი და ცვლილება.
• «გაასწორე ყველაფერი». AI ბევრს შეცვლის და არ იცით, რა გადაინაცვლა.
• «გამოიყენე [ბიბლიოთეკა] და [framework] და [პატერნი]». თუ მიზეზი არ გაქვთ, აღწერეთ ქცევა და მიანდეთ ინსტრუმენტს სტეკის არჩევა.
• «აქ არის ჩემი API გასაღები: …». არასდროს ჩასვათ საიდუმლოები ჩატში. გამოიყენეთ ინსტრუმენტის საიდუმლოების პარამეტრები.
• ათი ფუნქცია ერთ შეტყობინებაში. გაყავით ისინი.

პრომპტების ჩვევად ქცევა

რამდენიმე პროექტის შემდეგ საკუთარ ვერსიებს შეიმუშავებთ. შეინახეთ ისინი ჩანაწერში და ხელახლა გამოიყენეთ ის, რაც მუშაობს. Mythex ასევე იმახსოვრებს, ვინ ხართ და როგორ მუშაობთ სხვადასხვა პროექტში, ამიტომ პრეფერენციები, რომლებსაც იმეორებთ, მაგალითად თქვენი ჩვეული სტილი ან სტეკი, თავიდან აკრეფის გარეშე გადადის.

თუ პირველ პრომპტზე გაჩერდით, უფასო აპის პრომპტის გენერატორი ერთსტრიქონიან იდეას სრულ საწყის პრომპტად აქცევს. იმის სანახავად, რას იძლევა ეს პრომპტები პრაქტიკაში, წაიკითხეთ ჩვენი Vibe Coding-ის მაგალითები, ან ჩასვით პირველი პრომპტი AI აპის ბილდერში და შეცვალეთ კვადრატული ფრჩხილები თქვენი იდეით.

კითხვები