Shembuj vibe coding: 10 lloje reale aplikacionesh, prompt-e dhe çfarë shkoi keq

Shembujt më të zakonshëm të vibe coding janë aplikacione web të vogla dhe të dobishme: gjurmues, faqe rezervimi, mjete të brendshme, portale klientësh, faqe zbarkimi, kuize, dashboard-e dhe mjete të thjeshta AI. Më poshtë janë dhjetë prej tyre. Për secilin do të shohësh kush e ndërton, prompt-in e parë, çfarë shkon zakonisht keq dhe prompt-in pasues që e rregullon.

Këto janë përbërje të projekteve që njerëzit i sjellin më shpesh te ndërtuesit me AI, jo studime rasti të një personi të vetëm. Prompt-et janë për t'u kopjuar. Dështimet janë ato që përsëriten, prandaj janë pjesa e dobishme. Nëse vibe coding vetë është e re për ty, nis me çfarë është vibe coding.

1. Një gjurmues personal buxheti

Kush e ndërton: individë që kanë provuar spreadsheet-et dhe janë dorëzuar.

Prompt-i i parë:

Ndërto një gjurmues buxheti mujor. Shtoj shpenzime me shumë, kategori (ushqim, qira, transport, argëtim, tjetër), datë dhe një shënim. Shfaq totalin e këtij muaji për çdo kategori si grafik me shtylla dhe një listë të shpenzimeve të fundit. Mund të vendos një buxhet për çdo kategori dhe të shoh sa mbetet.

Çfarë shkoi keq: grafiku numëronte çdo shpenzim të regjistruar ndonjëherë, jo vetëm të muajit, kështu që deri në muajin e dytë çdo kategori dukej e tejkaluar. Gjithashtu, shumat e shkruara me presje („1,200“) ruheshin si 1.

Prompt-i i korrigjimit:

Grafiku dhe totalet duhet të përfshijnë vetëm shpenzimet e muajit të zgjedhur. Shto një zgjedhës muaji lart, me parazgjedhje muajin aktual. Pranoji gjithashtu shuma të shkruara me presje ose hapësira dhe ruaji si numra.

Mësimi: „ky muaj“ është një rregull. Thuaji rregullat me zë të lartë.

2. Një faqe rezervimi për një sallon të vogël

Kush e ndërton: pronarë biznesesh të vegjël të lodhur nga rezervimet me telefon dhe DM.

Prompt-i i parë:

Ndërto një faqe rezervimi për sallonin tim. Klientët zgjedhin një shërbim, një datë dhe një orar të lirë, pastaj shkruajnë emrin dhe telefonin. Kam një faqe private administratori, pas hyrjes, që shfaq rezervimet sipas ditës.

Çfarë shkoi keq: dy klientë rezervuan të njëjtin orar 10:00 brenda një minute nga njëri-tjetri, sepse faqja kontrollonte disponueshmërinë vetëm kur hapej për herë të parë. Gjithashtu, një rezervim 90-minutësh me ngjyrosje nuk bllokonte orët pas tij.

Prompt-i i korrigjimit:

Kur një klient dërgon një rezervim, kontrollo në server që çdo orar që mbulon është ende i lirë, dhe refuzoje me mesazhin „Ai orar sapo u zu“ nëse jo. Një shërbim bllokon gjithë gjatësinë e tij, kështu që një rezervim 90-minutësh në 10:00 bllokon 10:00, 10:30 dhe 11:00.

Mësimi: çdo gjë që dy persona mund ta bëjnë njëkohësisht kërkon kontroll në server. Shih si të ndërtosh një aplikacion rezervimesh për versionin e plotë.

3. Një menu restoranti me kod QR

Kush e ndërton: pronarë kafeje dhe restoranti që ri-shtypin menutë shumë shpesh.

Prompt-i i parë:

Ndërto një faqe menuje për telefon për kafenenë time. Seksione për mëngjes, drekë, pije dhe ëmbëlsira, çdo artikull me emër, çmim, përshkrim të shkurtër dhe etiketa dietike (vegan, pa gluten). Kam nevojë për një faqe administratori për të ndryshuar artikujt dhe për ta shënuar si të shitur. Shfaq një kod QR që mund ta shtyp dhe që lidhet me menunë.

Çfarë shkoi keq: asgjë nuk u prish, por menuja ishte e ngadaltë në Wi-Fi të kafesë, sepse fotot me madhësi të plotë nga telefonat ngarkoheshin për çdo artikull.

Prompt-i i korrigjimit:

Fotot e menusë janë shumë të rënda. Zvogëlo imazhet e ngarkuara në maksimum 800px gjerësi, kompresoji dhe ngarko ato me vonesë ndërsa vizitori shkon poshtë.

Mësimi: testo me lidhje të ngadaltë, jo vetëm në zyrë.

4. Një gjurmues pajisjesh ose stoku për një ekip

Kush e ndërton: njerëz operacionesh që zëvendësojnë një spreadsheet të përbashkët.

Prompt-i i parë:

Ndërto një mjet inventari për ekipin tonë të magazinës. Artikujt kanë emër, SKU, sasi, vendndodhje dhe nivel minimal. Stafi hyn dhe mund të shtojë stok, të heqë stok me një arsye, dhe të shohë një listë të artikujve nën minimum të theksuar me të kuq. Mbaj histori të çdo ndryshimi dhe kush e bëri.

Çfarë shkoi keq: historia shfaqte „përdoruesi 3“ në vend të emrave, dhe heqja e më shumë stoku sesa ishte e disponueshme e bënte sasinë negative.

Prompt-i i korrigjimit:

Shfaq emrin e personit në histori, jo ID-në e tij. Mos lejo një heqje që do ta çonte sasinë nën zero; shfaq „Vetëm 4 në stok“.

Mësimi: përshkruaj çfarë duhet të jetë e pamundur, jo vetëm çfarë duhet të jetë e mundur. Udhëzuesi ynë për ndërtimin e një aplikacioni inventari mbulon pjesën tjetër.

5. Një portal klientësh për një freelancer ose studio

Kush e ndërton: dizajnerë, kontabilistë, konsulentë dhe agjenci.

Prompt-i i parë:

Ndërto një portal klientësh. I fton klientët me email. Çdo klient hyn dhe sheh vetëm projektet, skedarët dhe faturat e tij, dhe mund të lërë komente. Unë hyj si administrator dhe shoh gjithçka.

Çfarë shkoi keq: ky është dështimi më i rëndësishëm në listë. Faqet i shfaqnin çdo klienti vetëm projektet e tij, por serveri kthente çdo projekt nëse ndryshoje numrin në shiritin e adresës. Klikimi nëpër faqe si një klient nuk e zbuloi kurrë.

Prompt-i i korrigjimit:

Kontrollo çdo rrugë serveri që kthen projekte, skedarë, komente ose fatura. Secila duhet të konfirmojë që klienti i hyrë e zotëron regjistrimin, dhe të kthejë „nuk u gjet“ përndryshe. Pastaj testo: hyr si klienti A dhe provo të hapësh projektin e klientit B me ID-në e tij.

Mësimi: fshehja diçka në ekran nuk është e njëjtë me mbrojtjen e saj. Më shumë rreth kësaj te a është vibe coding i sigurt?.

6. Një faqe lansimi me listë pritjeje

Kush e ndërton: themelues që testojnë një ide përpara se ta ndërtojnë.

Prompt-i i parë:

Ndërto një faqe zbarkimi për një aplikacion që ndihmon tutorët të planifikojnë mësime dhe të mbledhin pagesa. Titull kryesor, nën-titull, regjistrim me email, tre përfitime, një seksion si funksionon dhe një FAQ. Ruaji regjistrimet në një bazë të dhënash me datën dhe më lër ta shkarkoj si CSV nga një faqe private.

Çfarë shkoi keq: brenda ditësh lista u mbush me regjistrime të pavlera nga bot-et, dhe faqja nuk kishte titull ose përshkrim, kështu që lidhjet e ndara shfaqnin një pamje bosh.

Prompt-i i korrigjimit:

Shto mbrojtje bazë nga bot-et në formularin e regjistrimit (një fushë e fshehur honeypot dhe kufi prej 5 regjistrimesh për IP në orë). Shto titull faqeje, meta-përshkrim dhe një imazh për ndarje në rrjete sociale.

Mësimi: një formular publik gjendet. Shih si të ndërtosh një faqe listë pritjeje.

7. Një aplikacion kuizi për një mësues

Kush e ndërton: mësues dhe trajnues që duan diçka më të lehtë se një LMS.

Prompt-i i parë:

Ndërto një aplikacion kuizi për klasën time. Krijoj kuize me pyetje me zgjedhje të shumëfishtë dhe nga një përgjigje e saktë për secilën. Nxënësit hyjnë me një kod dhe emrin e parë, përgjigjen pyetjet dhe shohin pikët në fund. Unë shoh një tabelë rezultatesh për çdo kuiz.

Çfarë shkoi keq: përgjigjet e sakta dërgoheshin te shfletuesi së bashku me pyetjet, kështu që një nxënës kureshtar mund t'i lexonte në burimin e faqes. Nxënësit mund të dorëzonin përsëri derisa të merrnin 100%.

Prompt-i i korrigjimit:

Mos i dërgo përgjigjet e sakta te shfletuesi. Kontrollo përgjigjet në server pas dorëzimit. Lejo vetëm një dorëzim për emër nxënësi për kuiz, dhe i trego mësuesit nëse dikush provon përsëri.

Mësimi: shfletuesi i përket përdoruesit. Çdo gjë që ndodhet atje mund të lexohet.

8. Një mjet i vogël AI

Kush e ndërton: marketerë, shkrimtarë dhe themelues që duan një ndihmës AI të fokusuar.

Prompt-i i parë:

Ndërto një mjet që e kthen një përshkrim produkti në pesë postime për rrjete sociale me tone të ndryshme (miqësore, ekspertë, lojcare, të shkurtra, të gjata). Përdor një API AI. Ngjit përshkrimin, zgjedh platformën dhe marr postimet me butona kopjimi.

Çfarë shkoi keq: versioni i parë thërriste shërbimin AI drejtpërdrejt nga shfletuesi, me çelësin API brenda faqes, ku kushdo mund ta kopjonte dhe ta përdorte me kosto për ty.

Prompt-i i korrigjimit:

Zhvendos thirrjen AI në server. Ruaje çelësin API si sekret, kurrë në kodin e frontend-it. Kufizo çdo vizitor në 20 gjenerime në ditë.

Mësimi: çelësat i takojnë sekreteve në server. Shih si t'i mbash të sigurta çelësat API dhe si të shtosh veçori AI në aplikacionin tënd.

9. Një faqe biznesi në arabisht dhe anglisht

Kush e ndërton: biznese në Gjirin Persik dhe në botën më të gjerë arabe që shërbejnë në dy gjuhë.

Prompt-i i parë:

Ndërto një faqe interneti për kompaninë time të dizajnit të brendshëm, në arabisht dhe anglisht, me ndërrim gjuhe. Faqe: kryefaqja, shërbimet, portofoli, rreth nesh dhe kontakti. Arabishtja duhet të jetë plotësisht nga e djathta në të majtë.

Çfarë shkoi keq: teksti arab ishte i drejtuar djathtas, por paraqitja nuk u pasqyrua: shigjetat ende tregonin në drejtim të gabuar dhe menuja ishte në anën e gabuar. Gjithashtu, numrat e telefonit shfaqeshin mbrapsht në disa vende.

Prompt-i i korrigjimit:

Në arabisht, pasqyro gjithë paraqitjen: vendos drejtimin e faqes nga e djathta në të majtë, vendos menunë në të djathtë, kthe ikonat me drejtim, dhe mbaj numrat e telefonit dhe email-et nga e majta në të djathtë brenda tekstit arab.

Mësimi: nga e djathta në të majtë është një paraqitje, jo vetëm një drejtim teksti. Mythex trajton paraqitjet në arabisht dhe gjuhë të tjera nga e djathta në të majtë, dhe mund të kërkosh drejtpërdrejt në arabisht.

10. Një gjurmues që bëhet aplikacion telefoni

Kush e ndërton: trajnerë, palestra dhe grupe komunitare, përdoruesit e të cilëve jetojnë në telefon.

Prompt-i i parë:

Ndërto një regjistër stërvitjesh për klientët e mi personalë. Çdo klient hyn, shikon planin që kam caktuar për javën, shënon ushtrimet dhe regjistron peshat. Unë shoh progresin e çdo klienti në një grafik.

Çfarë shkoi keq: aplikacioni web funksiononte, por në telefona butonat ishin shumë të vegjël për t'u prekur gjatë stërvitjes dhe grafiku ishte i palexueshëm.

Prompt-i i korrigjimit:

Dizajnoje për përdorim me një dorë në telefon: butona të mëdhenj në fund të ekranit, një ushtrim për ekran me butona të mëdhenj Next dhe Done, dhe një grafik të thjeshtë progresi javor.

Mësimi: nëse njerëzit do ta përdorin në telefon, dizajnoje fillimisht për telefonin. Në Mythex Pro, aplikacioni i publikuar mund të bëhet pastaj aplikacion Android për Google Play dhe aplikacion iPhone i dërguar në TestFlight; aplikacioni për telefon hap aplikacionin tënd të publikuar, kështu që çdo Publikim e përditëson. Shih faqen ndërtuesi i aplikacioneve mobile.

Modelet pas këtyre shembujve

Në të dhjetat, dështimet bien në disa grupe:

Asnjë nga këto nuk kërkon të lexosh kod. Kërkon të testosh si një përdorues kureshtar dhe paksa armiqësor, dhe të përshkruash saktë atë që sheh.

Provo një vetë

Zgjidh shembullin më të afërt me idenë tënde, kopjo prompt-in e tij të parë dhe ndrysho detajet. Pastaj përdore prompt-in e korrigjimit si listë kontrolli para se ta ndash. Faqja jonë me 30 prompt-e vibe coding ka 30 të tjera, dhe si të ndërtosh një aplikacion me vibe coding e ndjek një projekt nga ideja deri te aplikacioni i publikuar. Kur je gati, nis në ndërtuesin e aplikacioneve me AI ose shfleto shabllonet për një nisje më të shpejtë.

Pyetje