Vibe Coding-ის მაგალითები: 10 რეალური აპის ტიპი, პრომპტები და რა შეიძლება შეცდეს

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

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

1. პირადი ბიუჯეტის თრექერი

ვინ აშენებს: პირები, რომლებმაც სპრედშიტები სცადეს და მიატოვეს.

პირველი პრომპტი:

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

რა შეცდა: დიაგრამა ითვლიდა ყველა ოდესმე შეყვანილ ხარჯს, არა მხოლოდ ამ თვისას, ასე რომ მეორე თვისთვის ყველა კატეგორია გადახარჯულად გამოჩნდა. ასევე, თანხები, რომლებიც მძიმით იყო აკრეფილი («1,200»), შეინახა როგორც 1.

შემსწორებელი პრომპტი:

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

გაკვეთილი: «ამ თვეში» წესია. წესები ხმამაღლა თქვით.

2. დაჯავშნის გვერდი პატარა სალონისთვის

ვინ აშენებს: მცირე ბიზნესის მფლობელები, რომლებიც დაიღალნენ ტელეფონით და DM-ებით დაჯავშნით.

პირველი პრომპტი:

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

რა შეცდა: ორმა მომხმარებელმა ერთი და იგივე 10:00-ის სლოტი ერთი წუთის დაშორებით დაჯავშნა, რადგან გვერდი თავისუფლებას მხოლოდ პირველ ჩატვირთვაზე ამოწმებდა. 90-წუთიანი ფერის დაჯავშნა ასევე არ ბლოკავდა შემდეგ სლოტებს.

შემსწორებელი პრომპტი:

როცა მომხმარებელი აგზავნის დაჯავშნას, სერვერზე შეამოწმე, რომ ყველა სლოტი, რომელსაც ის ფარავს, ჯერ კიდევ თავისუფალია, და უარყავი «ეს დრო ახლახან დაიკავეს», თუ არა. სერვისი ბლოკავს სრულ სიგრძეს, ასე რომ 90-წუთიანი დაჯავშნა 10:00-ზე ბლოკავს 10:00-ს, 10:30-ს და 11:00-ს.

გაკვეთილი: ყველაფერს, რასაც ორი ადამიანი ერთდროულად შეძლებს, სჭირდება სერვერის მხარის შემოწმება. იხილეთ როგორ ავაშენოთ დაჯავშნის აპი სრული ვერსიისთვის.

3. რესტორნის მენიუ QR კოდით

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

პირველი პრომპტი:

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

რა შეცდა: არაფერი გატყდა, მაგრამ მენიუ ნელი იყო კაფეს Wi-Fi-ზე, რადგან ყოველ კერძზე სრული ზომის ტელეფონის ფოტოები იტვირთებოდა.

შემსწორებელი პრომპტი:

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

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

4. აღჭურვილობის ან მარაგის თრექერი გუნდისთვის

ვინ აშენებს: ოპერაციების თანამშრომლები, რომლებიც საერთო სპრედშიტს ანაცვლებენ.

პირველი პრომპტი:

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

რა შეცდა: ისტორიაში ჩანდა «user 3» სახელის ნაცვლად, ხოლო მარაგის მეტის ჩამოწერამ, ვიდრე არსებობდა, რაოდენობა უარყოფითი გახადა.

შემსწორებელი პრომპტი:

ისტორიაში აჩვენე პირის სახელი და არა მისი ID. არ დაუშვა ჩამოწერა, რომელიც რაოდენობას ნულზე დაბლა დასწევს; აჩვენე «მხოლოდ 4 მარაგშია».

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

5. კლიენტის პორტალი ფრილანსერისთვის ან სტუდიისთვის

ვინ აშენებს: დიზაინერები, ბუღალტრები, კონსულტანტები და სააგენტოები.

პირველი პრომპტი:

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

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

შემსწორებელი პრომპტი:

შეამოწმე სერვერის ყველა მარშრუტი, რომელიც აბრუნებს პროექტებს, ფაილებს, კომენტარებსა და ინვოისებს. თითოეულმა უნდა დაადასტუროს, რომ შესული კლიენტი ფლობს ჩანაწერს, წინააღმდეგ შემთხვევაში დააბრუნოს «ვერ მოიძებნა». შემდეგ შეამოწმე: შედი კლიენტ A-დ და სცადე სხვა კლიენტის B პროექტის გახსნა მისი ID-ით.

გაკვეთილი: ეკრანზე რაღაცის დამალვა არ ნიშნავს მისი დაცვას. მეტი ამის შესახებ: უსაფრთხოა თუ არა Vibe Coding?.

6. გაშვების გვერდი ლისტით

ვინ აშენებს: დამფუძნებლები, რომლებიც იდეას აშენებამდე ამოწმებენ.

პირველი პრომპტი:

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

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

შემსწორებელი პრომპტი:

დაამატე ძირითადი ბოტებისგან დაცვა რეგისტრაციის ფორმას (დამალული თაღლითური ველი და ლიმიტი 5 რეგისტრაცია IP-ზე საათში). დაამატე გვერდის სათაური, meta აღწერა და სურათი სოციალურ გაზიარებისთვის.

გაკვეთილი: საჯარო ფორმას იპოვიან. იხილეთ როგორ ავაშენოთ ლისტის გვერდი.

7. ვიქტორინის აპი მასწავლებლისთვის

ვინ აშენებს: მასწავლებლები და ტრენერები, რომლებსაც უფრო მსუბუქი რამ სურთ, ვიდრე LMS.

პირველი პრომპტი:

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

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

შემსწორებელი პრომპტი:

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

გაკვეთილი: ბრაუზერი მომხმარებელს ეკუთვნის. იქ არსებული ყველაფრის წაკითხვა შესაძლებელია.

8. მცირე AI ინსტრუმენტი

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

პირველი პრომპტი:

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

რა შეცდა: პირველი ვერსია AI სერვისს პირდაპირ ბრაუზერიდან უკავშირდებოდა, API გასაღები გვერდის შიგნით იყო, სადაც ნებისმიერს შეეძლო მისი კოპირება და ხარჯის გაზრდა.

შემსწორებელი პრომპტი:

გადაიტანე AI გამოძახება სერვერზე. შეინახე API გასაღები საიდუმლოდ, არასდროს frontend კოდში. შეზღუდე თითოეული ვიზიტორი დღეში 20 გენერაციით.

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

9. არაბული და ინგლისური ბიზნეს-ვებსაიტი

ვინ აშენებს: ბიზნესები ყურეში და არაბულ სამყაროში, რომლებიც ორ ენაზე მუშაობენ.

პირველი პრომპტი:

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

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

შემსწორებელი პრომპტი:

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

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

10. თრექერი, რომელიც ტელეფონის აპად იქცევა

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

პირველი პრომპტი:

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

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

შემსწორებელი პრომპტი:

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

გაკვეთილი: თუ ხალხი ტელეფონზე გამოიყენებს, ჯერ ტელეფონისთვის დააპროექტეთ. Mythex Pro-ზე გამოქვეყნებული აპი შეიძლება გახდეს Android-აპად Google Play-სთვის და iPhone-აპად TestFlight-ისთვის; სატელეფონო აპი თქვენს გამოქვეყნებულ აპს ხსნის, ამიტომ ყოველი Publish მას განაახლებს. იხილეთ მობილური აპის ბილდერის გვერდი.

ამ მაგალითების საფუძვლად არსებული ნიმუშები

ყველა ათიდან ხარვეზები რამდენიმე ჯგუფად იყოფა:

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

სცადეთ თავად

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

კითხვები