30 vibe coding uzvednes, ko vari nokopēt (cheat sheet)

Labākās vibe coding uzvednes ir īsas, konkrētas un par uzvedību: kas lieto lietotni, ko tie var darīt, ko tā glabā un kā tā izskatās. Zemāk ir 30 uzvednes, ko vari nokopēt un ielīmēt, sagrupētas pēc posma, kurā atrodies — no pirmās versijas līdz publicēšanai. Aizstāj daļas [iekavās] ar saviem datiem.

Tās darbojas jebkurā AI lietotņu veidotājā vai kodēšanas aģentā. Ja vēlies aiz tām esošo loģiku, mūsu garākais ceļvedis par kā rakstīt uzvednes AI lietotņu veidotājiem izskaidro principus. Šī lapa ir cheat sheet.

Kā izmantot šo cheat sheet

• Sāc ar vienu pirmās versijas uzvedni, tad izmanto pārējās pa vienai.
• Testē pēc katras uzvednes. Pārklikšķini izmaiņu, pirms nosūti nākamo.
• Saglabā to, kas darbojas. Lielākā daļa turpinājuma uzvedņu šeit beidzas ar „saglabā pārējo tādu pašu“ kāda iemesla dēļ.
• Ielīmē precīzu tekstu. Kļūdu ziņojumi, pogu uzraksti un ekrānā redzamie vārdi vienmēr ir labāki par aprakstiem.

Pirmās versijas uzvednes

Tās nosaka lietotnes formu. Katra nosauc lietotājus, darbības, datus un izskatu.

1. Vienkāršs izsekotājs

Izveido man [ieraduma] izsekotāju. Varu pievienot [ieradumu] ar nosaukumu un krāsu, atzīmēt to vienreiz dienā un redzēt 30 dienu režģi un savu pašreizējo sēriju. Saglabā visu, lai tas paliek pēc pārlādēšanas. Tīrs, minimālistisks dizains, kas darbojas tālrunī.

2. Mazā uzņēmuma rezervāciju lapa

Izveido rezervāciju lapu manam [matu salonam]. Klienti izvēlas pakalpojumu ([griezums 30 min, krāsošana 90 min]), datumu un brīvu laiku starp [9:00 un 18:00], tad ievada vārdu, tālruni un e-pastu. Divi cilvēki nevar rezervēt to pašu laiku. Vajag privātu administratora lapu aiz pieteikšanās, kas uzskaita gaidāmās rezervācijas pa dienām.

3. Iekšējais rīks

Izveido iekšēju rīku, lai mana komanda izsekotu [aprīkojuma izsniegšanu]. Katram vienumam ir nosaukums, kods un statuss (pieejams, izsniegts, bojāts). Darbinieki pierakstās, var paņemt vienumu sev un atdot to atpakaļ. Parādi tabulu ar filtriem pēc statusa un katra vienuma īpašnieku vēsturi.

4. Nolaišanās lapa ar gaidīšanas sarakstu

Izveido vienas lapas vietni [manam produktam: ēdienu plānošanas lietotne aizņemtiem vecākiem]. Virsraksts ar galveno tekstu, viens teikums kā apakšvirsraksts un e-pasta reģistrācija. Pēc tam trīs ieguvumi, īsa sadaļa kā tas darbojas un BUJ. Saglabā reģistrētos e-pastus datubāzē un parādi man sarakstu privātā administratora lapā.

5. Klientu portāls

Izveido klientu portālu manai [dizaina studijai]. Katrs klients pierakstās un redz tikai savus projektus ar statusu, failus, ko esmu augšupielādējis, un komentāru pavedienu. Es pierakstos kā administrators un redzu visus klientus. Klienti nekad nedrīkst redzēt citu datus.

6. Kalkulators vai cenu rīks

Izveido cenu kalkulatoru manam [tīrīšanas biznesam]. Ievades: guļamistabu skaits, vannas istabu skaits, papildu pakalpojumi (cepeškrāsns, logi, ledusskapis) un biežums (vienreiz, katru nedēļu, katru mēnesi). Rādi cenu, mainoties iespējām, ar sadalījumu. Cenas: [ielīmē savu cenrādi]. Pievieno pogu, kas nosūta man cenas pieprasījumu pa e-pastu.

Plānošanas uzvednes

Izmanto tās pirms liela funkcijas vai kad neesi pārliecināts, kā kaut ko aprakstīt.

7. Plāno pirms veidošanas

Pirms raksti jebkādu kodu, vienkāršos vārdos apraksti ekrānus, ko veidosi, datus, ko glabāsi, un lēmumus, kas man jāpieņem. Pagaidi manu apstiprinājumu.

8. Pārvērst haotisku ideju pirmajā versijā

Šī ir mana ideja: [ielīmē piezīmes]. Iesaki mazāko pirmo versiju, kas joprojām ir noderīga, 5–8 punktos. Uzskaiti, ko atstātu vēlākam laikam, un kāpēc.

9. Pajautā, kas trūkst

Kādus jautājumus izstrādātājs man uzdotu, pirms to veido? Uzdod tos pa vienam, tad apkopo manas atbildes īsā specifikācijā.

10. Vispirms pārbaudi lielu izmaiņu

Es gribu pievienot [komandas kontus, kur vairāki cilvēki dala vienu darbvietu]. Paskaidro, kas jāmaina datos, ekrānos un tiesībās, un kas varētu salūzt. Vēl neko nemaini.

Dizaina uzvednes

11. Iestati skaidru stilu

Pārstili lietotni: silts gandrīz balts fons, tumšs teksts, viena akcenta krāsa [#1F6F50], noapaļoti stūri, pietiekami daudz vietas un moderns sans-serif fonts. Saglabā izkārtojumu un katru funkciju tieši tādu, kāda tā ir.

12. Nokopē atsauces noskaņu

Padari paneli kā mierīgu finanšu lietotni: daudz balta laukuma, cipari lieli un trekni, etiķetes mazas un pelēkas, viena vienkārša diagramma augšā. Nekopē nevienas markas logotipu vai tekstu.

13. Izlabo tālruņa izkārtojumu

Tālrunī 375 px platumā tabula lapā [Pasūtījumi] ritinās sānis, un pogas pārklājas. Pārvērt katru rindu sakrautā kartītē mazos ekrānos. Nemaini darbvirsmas izkārtojumu.

14. Tukšie, ielādes un kļūdu stāvokļi

Pievieno pareizus stāvokļus [projektu sarakstam]: draudzīgu tukša stāvokļa ziņu ar pogu pirmā projekta pievienošanai, ielādes skeletu, kamēr dati ielādējas, un skaidru ziņojumu ar pogu Mēģināt vēlreiz, ja ielāde neizdodas.

15. Atbalsts no labās uz kreiso

Pievieno saskarnes arābu versiju ar pilnu izkārtojumu no labās uz kreiso. Ikonas, kas norāda virzienu, jāapgriež; skaitļiem un datumiem jāizmanto valodas formāts. Noklusējums paliek angļu valoda.

Datu un funkciju uzvednes

16. Padari datus noturīgus

Pašlaik mani dati pazūd, kad pārlādēju. Glabā tos īstā datubāzē un saglabā esošos ekrānus darbojoties tāpat kā tagad.

17. Pievieno pieteikšanos

Pievieno reģistrāciju un pieteikšanos ar e-pastu un paroli. Katrs lietotājs redz un rediģē tikai savus [ierakstus]. Augšējā joslā rādi lietotāja e-pastu ar izrakstīšanās pogu.

18. Pievieno lomas

Pievieno divas lomas: administrators un dalībnieks. Administratori var pievienot, rediģēt un dzēst [produktus]; dalībnieki var tikai tos skatīt. Ievieš to serverī, nevis tikai slēpjot pogas.

19. Pievieno meklēšanu un filtrus

Pievieno meklēšanas lauku virs [kontaktu saraksta], kas atbilst vārdam, uzņēmumam vai e-pastam, kamēr rakstu, un filtru pēc [statusa]. Saglabā esošo kārtošanas secību.

20. Pievieno failu augšupielādi

Ļauj lietotājiem pievienot līdz [5] attēliem katram [sludinājumam], maksimāli [5 MB] katrs. Rādi sīktēlus sludinājumā un lielāku skatu pēc klikšķa. Tikai īpašnieks var dzēst savus attēlus.

21. Imports no izklājlapas

Pievieno pogu Importēt, kas ņem CSV ar kolonnām [vārds, e-pasts, tālrunis, piezīmes], parāda pirmo 10 rindu priekšskatījumu un ļauj apstiprināt, pirms saglabā. Izlaid rindas bez e-pasta un pasaki, cik izlaisti.

Labošanas uzvednes

22. Skaidri apraksti kļūdu

Kad [noklikšķinu Saglabāt rediģēšanas veidlapā], redzu „[precīzs kļūdas teksts]“, un izmaiņa nav saglabāta. Sagaidāms: izmaiņa saglabājas un atgriežos sarakstā. Atrodi cēloni, izskaidro to vienā vai divos teikumos, tad izlabo.

23. Aptur labošanas ciklu

Esam mēģinājuši to salabot trīs reizes, un tas joprojām nestrādā. Pārtrauc mainīt kodu. Uzskaiti trīs visticamākos cēloņus, kā pārbaudīt katru, un kuru tu domā, ka tas ir.

24. Atceļ blakusefektus

Tavs pēdējais labojums salaboja datumu izvēlni, bet [sānjosla] pazuda. Atjauno sānjoslu tieši tādu, kāda tā bija, un saglabā datumu izvēlnes labojumu.

25. Paskaidro, pirms maini

Paskaidro, kā [norēķina kopsumma] tiek aprēķināta tagad, soli pa solim, norādot iesaistītos failus. Neko nemaini.

Testēšanas un pārskatīšanas uzvednes

26. Robežgadījumi

Uzskaiti 10 veidus, kā reāls lietotājs varētu salauzt [rezervāciju veidlapu]: tukši lauki, ļoti gars teksts, dubultklikšķi, divi cilvēki vienlaikus, nepareizas laika joslas. Pārbaudi katru un izlabo to, kas neizdodas. Pastāsti, ko mainīji.

27. Apkopo nesenās izmaiņas

Apkopo vienkāršos vārdos katru izmaiņu, ko veici pēdējos [piecos] soļos, un atzīmē visu, kas varētu ietekmēt esošos datus.

Drošības uzvednes

Apvieno tās ar mūsu lapu par vai vibe coding ir drošs.

28. Pārbaudi datu piekļuvi

Pārbaudi servera kodu: vai pierakstīts lietotājs var nolasīt vai mainīt cita lietotāja [ierakstus], mainot ID pieprasījumā? Parādi, kur tiek pārbaudīta piekļuve, un izlabo visas nepilnības.

29. Pārbaudi atklātos noslēpumus

Uzskaiti katru API atslēgu, paroli vai žetonu, ko šī lietotne izmanto, un to, kur katrs tiek glabāts. Pārliecinies, ka neviens no tiem nav kodā, kas darbojas pārlūkprogrammā, vai failos, kas iesniegti repozitorijā. Ja ir, pārvieto tos uz noslēpumiem.

Publicēšanas uzvednes

30. Pirmspublicēšanas pārbaude

Drīz to publicēšu reāliem lietotājiem. Izskaties to kā pārskatītājs: bojātas saites, trūkstoši lapu nosaukumi un apraksti, veidlapas bez validācijas, lēnas lapas, konsoles kļūdas un viss, kas tālrunī izskatās nepabeigts. Dod man sarakstu pēc svarīguma, tad izlabo pirmos piecus.

Uzvednes, no kurām vajag izvairīties

Dažas uzvednes stabili dod sliktākus rezultātus:

• „Padari labāk.“ Kā labāk? Nosauc ekrānu un izmaiņu.
• „Salabo visu.“ AI daudz ko mainīs, un tu nezināsi, kas pārvietojās.
• „Izmanto [bibliotēku] un [ietvaru] un [modeli].“ Ja nav iemesla, apraksti uzvedību un ļauj rīkam izvēlēties steku.
• „Te ir mana API atslēga: …“ Nekad neielīmē noslēpumus tērzēšanā. Izmanto rīka noslēpumu iestatījumus.
• Desmit funkcijas vienā ziņā. Sadali tās.

Uzvedņu pārvēršana par ieradumu

Pēc dažiem projektiem tev būs savas šo versijas. Glabā tās piezīmē un izmanto atkārtoti tās, kas strādā. Mythex arī atceras, kas tu esi un kā strādā pāri projektiem, tāpēc preferences, ko atkārto, piemēram, parasto stilu vai steku, pārnesas bez atkārtotas ievadīšanas.

Ja iestrēgi pie pirmās uzvednes, bezmaksas lietotnes uzvedņu ģenerators pārvērš vienas rindas ideju pilnākā sākuma uzvednē. Un lai redzētu, ko šīs uzvednes dod praksē, izlasi mūsu vibe coding piemērus vai ielīmē 1. uzvedni AI lietotņu veidotājā un nomaini iekavas ar savu ideju.

Jautājumi