30 upita za vibe coding koje možete kopirati (spisak za brzi pregled)

Najbolji upiti za vibe coding su kratki, konkretni i tiču se ponašanja: ko koristi aplikaciju, šta može da uradi, šta čuva i kako izgleda. U nastavku je 30 upita koje možete kopirati i nalepiti, grupisanih po fazi u kojoj ste, od prvog nacrta do objavljivanja. Zamenite delove u [uglastim zagradama] svojim detaljima.

Rade u bilo kom AI alatu za pravljenje aplikacija ili agentu za kodiranje. Ako želite razlog iza njih, naš duži vodič o kako pisati upite za AI alate za pravljenje aplikacija objašnjava principe. Ova stranica je spisak za brzi pregled.

Kako da koristite ovaj spisak

• Počnite jednim upitom za prvi nacrt, a zatim koristite ostale jedan po jedan.
• Testirajte posle svakog upita. Prođite kroz izmenu pre nego što pošaljete sledeću.
• Zadržite ono što radi. Većina naknadnih upita ovde se završava sa „zadrži sve ostalo isto“ iz razloga.
• Nalepite tačan tekst. Poruke o greškama, natpisi na dugmadima i reči na ekranu uvek su bolji od opisa.

Upiti za prvi nacrt

Ovi upiti određuju oblik aplikacije. Svaki imenuje korisnike, radnje, podatke i izgled.

1. Jednostavan pratilac

Napravi mi pratilac za [naviku]. Mogu da dodam [naviku] sa nazivom i bojom, da je štikliram jednom dnevno i da vidim mrežu od 30 dana i moj trenutni niz. Sačuvaj sve da ostane tu i posle osvežavanja. Čist, minimalan dizajn koji radi na telefonu.

2. Stranica za rezervacije malog posla

Napravi stranicu za rezervacije za moj [frizerski salon]. Klijenti biraju uslugu ([šišanje 30 min, bojenje 90 min]), datum i slobodan termin između [9:00 i 18:00], a zatim unose ime, telefon i mejl. Dvoje ljudi ne mogu rezervisati isti termin. Treba mi privatna admin stranica iza prijave koja prikazuje predstojeće rezervacije po danima.

3. Interni alat

Napravi interni alat za moj tim za praćenje [pozajmica opreme]. Svaka stavka ima naziv, šifru i status (dostupno, pozajmljeno, pokvareno). Zaposleni se prijavljuju, mogu da zaduži stavku za sebe i da je vrate. Prikaži tabelu sa filterima po statusu i istoriju ko je imao svaku stavku.

4. Landing stranica sa listom čekanja

Napravi jednostranični sajt za [moj proizvod: aplikacija za planiranje obroka za zaposlene roditelje]. Heroj sa naslovom, jednom rečenicom podnaslova i prijavom mejlom. Zatim tri prednosti, kratak odeljak kako radi i FAQ. Sačuvaj mejlove prijava u bazu i prikaži mi listu na privatnoj admin stranici.

5. Portal za klijente

Napravi portal za klijente za moj [dizajn studio]. Svaki klijent se prijavljuje i vidi samo svoje projekte, sa statusom, fajlovima koje sam otpremio i nitima komentara. Ja se prijavljujem kao admin i vidim sve klijente. Klijenti nikada ne smeju da vide tuđe podatke.

6. Kalkulator ili alat za ponude

Napravi kalkulator ponuda za moj [posao čišćenja]. Ulazi: broj spavaćih soba, kupatila, dodatne usluge (rerna, prozori, frižider) i učestalost (jednokratno, nedeljno, mesečno). Prikaži cenu dok se opcije menjaju, sa razradom. Cene: [nalepite vaš cenovnik]. Dodaj dugme za slanje zahteva za ponudu meni mejlom.

Upiti za planiranje

Koristite ih pre velike funkcije ili kada niste sigurni kako da nešto opišete.

7. Planirajte pre gradnje

Pre nego što napišeš bilo kakav kod, opiši običnim rečima ekrane koje ćeš napraviti, podatke koje ćeš čuvati i odluke koje ti treba od mene. Sačekaj moje odobrenje.

8. Pretvorite haotičnu ideju u prvu verziju

Evo moje ideje: [nalepite beleške]. Predloži najmanju prvu verziju koja je i dalje korisna, u 5–8 tačaka. Navedi šta bi ostavio za kasnije i zašto.

9. Pitajte šta nedostaje

Koja pitanja bi mi programer postavio pre nego što napravi ovo? Postavi ih jedno po jedno, pa zatim sažmi moje odgovore u kratku specifikaciju.

10. Prvo proverite veliku izmenu

Želim da dodam [naloge za tim gde više ljudi deli jedan radni prostor]. Objasni šta mora da se promeni u podacima, ekranima i dozvolama i šta bi moglo da pukne. Ne menjaj ništa još.

Upiti za dizajn

11. Postavite jasan stil

Promeni stil aplikacije: topla bež pozadina, tamni tekst, jedna boja za akcente [#1F6F50], zaobljeni uglovi, velik prostor između elemenata i moderan sans-serif font. Zadrži raspored i svaku funkciju tačno kakvi jesu.

12. Prenesite osećaj referentnog primera

Neka kontrolna tabla izgleda kao mirna aplikacija za finansije: puno belog prostora, brojevi veliki i podebljani, oznake male i sive, jedan jednostavan grafikon na vrhu. Ne kopiraj logo ni tekst nijednog brenda.

13. Popravite raspored na telefonu

Na telefonu širine 375 px, tabela na [stranici Porudžbine] se skroluje u stranu, a dugmad se preklapaju. Pretvori svaki red u složenu karticu na malim ekranima. Ne menjaj raspored za desktop.

14. Prazna, učitavajuća i stanja greške

Dodaj pravilna stanja na [listu Projekata]: prijateljsko prazno stanje sa dugmetom za dodavanje prvog projekta, skelet za učitavanje dok se podaci učitavaju i jasnu poruku sa dugmetom za ponovni pokušaj ako učitavanje ne uspe.

15. Podrška za desno-levo pisanje

Dodaj arapsku verziju interfejsa sa potpunim rasporedom zdesna nalevo. Ikone koje pokazuju smer treba da se okrenu; brojevi i datumi treba da koriste format lokala. Neka engleski bude podrazumevani.

Upiti za podatke i funkcije

16. Neka podaci ostanu sačuvani

Sada mi podaci nestanu kada osvežim stranicu. Sačuvaj ih u pravoj bazi, a trenutni ekrani neka rade isto kao i pre.

17. Dodaj prijavu

Dodaj registraciju i prijavu sa mejlom i lozinkom. Svaki korisnik treba da vidi i menja samo svoje [unose]. Prikaži mejl korisnika u gornjoj traci sa dugmetom za odjavu.

18. Dodaj uloge

Dodaj dve uloge: admin i član. Admini mogu da dodaju, menjaju i brišu [proizvode]; članovi ih mogu samo pregledati. Primeni to na serveru, a ne samo sakrivanjem dugmadi.

19. Dodaj pretragu i filtere

Dodaj polje za pretragu iznad [liste kontakata] koje se poklapa sa imenom, firmom ili mejlom dok kucam, plus filter za [status]. Zadrži trenutni redosled sortiranja.

20. Dodaj otpremanje fajlova

Neka korisnici prilože do [5] slika uz svaki [oglas], najviše [5 MB] svaka. Prikaži sličice na oglasu i veći prikaz na klik. Samo vlasnik može da obriše svoje slike.

21. Uvoz iz tabele

Dodaj dugme Import koje uzima CSV sa kolonama [ime, mejl, telefon, napomene], prikazuje pregled prvih 10 redova i omogućava mi da potvrdim pre čuvanja. Preskoči redove bez mejla i reci mi koliko ih je preskočeno.

Upiti za popravke

22. Jasno prijavite grešku

Kada [kliknem Save na formularu za izmenu], vidim „[tačan tekst greške]“ i izmena nije sačuvana. Očekivano: izmena se čuva i vraćam se na listu. Pronađi uzrok, objasni ga u jednoj ili dve rečenice, pa ga popravi.

23. Zaustavite petlju popravki

Pokušali smo tri puta da ovo popravimo i još uvek ne radi. Prestani da menjaš kod. Navedi tri najverovatnija uzroka, kako da proverim svaki i koji misliš da je pravi.

24. Poništite nuspojave

Tvoja poslednja izmena je popravila birač datuma, ali je [bočna traka] nestala. Vrati bočnu traku tačno kakva je bila i zadrži popravku birača datuma.

25. Objasnite pre izmene

Objasni korak po korak kako se trenutno računa [ukupan iznos na plaćanju], pozivajući se na uključene fajlove. Ne menjaj ništa.

Upiti za testiranje i pregled

26. Granični slučajevi

Navedi 10 načina na koje pravi korisnik može da pokvari [formular za rezervacije]: prazna polja, veoma dug tekst, dvostruki klikovi, dvoje ljudi u isto vreme, pogrešne vremenske zone. Testiraj svaki i popravi ono što ne prolazi. Javi šta si promenio.

27. Sažmi nedavne izmene

Sažmi svaku izmenu koju si napravio u poslednjih [pet] koraka običnim rečima i označi sve što bi moglo da utiče na postojeće podatke.

Upiti za bezbednost

Upari ih sa našom stranicom o tome da li je vibe coding bezbedan.

28. Proverite pristup podacima

Proveri serverski kod: može li prijavljeni korisnik da pročita ili promeni tuđe [zapise] promenom ID-a u zahtevu? Pokaži mi gde se pristup proverava i popravi sve propuste.

29. Proverite izložene tajne

Navedi svaki API ključ, lozinku ili token koji ova aplikacija koristi i gde je svaki sačuvan. Uveri se da nijedan nije u kodu koji se izvršava u pregledaču ili u fajlovima koji su sačuvani u repozitorijumu. Ako jesu, prebaci ih u tajne.

Upiti za objavljivanje

30. Pregled pre lansiranja

Uskoro ću ovo objaviti za prave korisnike. Prođi kroz to kao recenzent: neispravne linkove, nedostajuće naslove i opise stranica, formulare bez validacije, spore stranice, greške u konzoli i sve što deluje nedovršeno na telefonu. Daj mi listu poređanu po važnosti, pa popravi prvih pet.

Upiti kojih treba izbegavati

Neki upiti pouzdano daju lošije rezultate:

• „Učini da bude bolje.“ Bolje kako? Imenujte ekran i izmenu.
• „Popravi sve.“ AI će promeniti mnogo, a vi nećete znati šta se pomerilo.
• „Koristi [biblioteku] i [framework] i [obrazac].“ Osim ako za to imate razlog, opišite ponašanje i pustite alat da izabere tehnologiju.
• „Evo mog API ključa: …“ Nikada ne lepite tajne u chat. Koristite podešavanja tajni alata.
• Deset funkcija u jednoj poruci. Razdvojite ih.

Da upiti postanu navika

Posle nekoliko projekata imaćete sopstvene verzije ovih. Čuvajte ih u beleški i koristite ponovo one koji rade. Mythex takođe pamti ko ste i kako radite kroz projekte, pa se preferencije koje ponavljate, na primer vaš uobičajeni stil ili tehnologija, prenose bez ponovnog kucanja.

Ako zastanete na prvom upitu, besplatni generator upita za aplikacije pretvara ideju u jednoj rečenici u potpuniji polazni upit. A da vidite šta ovi upiti daju u praksi, pročitajte naše primere vibe coding-a ili nalepite upit 1 u AI alat za pravljenje aplikacija i zamenite zagrade svojom idejom.

Pitanja