30 de prompturi pentru vibe coding pe care le poți copia (cheat sheet)

Cele mai bune prompturi pentru vibe coding sunt scurte, specifice și despre comportament: cine folosește aplicația, ce poate face, ce păstrează și cum arată. Mai jos sunt 30 de prompturi pe care le poți copia și lipi, grupate după etapa în care te afli, de la prima versiune până la publicare. Înlocuiește părțile din [paranteze] cu detaliile tale.

Funcționează în orice constructor de aplicații AI sau agent de cod. Dacă vrei raționamentul din spatele lor, ghidul nostru mai lung despre cum scrii prompturi pentru constructorii de aplicații AI explică principiile. Această pagină este cheat sheet-ul.

Cum folosești acest cheat sheet

• Pornește cu un singur prompt de prima versiune, apoi folosește celelalte pe rând.
• Testează după fiecare prompt. Încearcă schimbarea înainte să trimiți următoarea.
• Păstrează ce funcționează. Multe dintre prompturile de corecție de aici se termină cu „păstrează restul la fel” dintr-un motiv.
• Lipește textul exact. Mesajele de eroare, etichetele butoanelor și cuvintele de pe ecran bat descrierile de fiecare dată.

Prompturi pentru prima versiune

Acestea stabilesc forma aplicației. Fiecare numește utilizatorii, acțiunile, datele și aspectul.

1. Un tracker simplu

Construiește-mi un tracker pentru [obicei]. Pot adăuga un [obicei] cu un nume și o culoare, îl pot bifa o dată pe zi și pot vedea o grilă de 30 de zile și seria curentă. Salvează totul ca să rămână după o reîncărcare. Design curat, minimal, care funcționează pe telefon.

2. O pagină de rezervări pentru o firmă mică

Construiește o pagină de rezervări pentru [salonul meu de coafură]. Clienții aleg un serviciu ([tuns 30 min, vopsit 90 min]), o dată și un interval liber între [9:00 și 18:00], apoi introduc numele, telefonul și emailul. Două persoane nu pot rezerva același interval. Am nevoie de o pagină privată de administrare, în spatele unei autentificări, care listează rezervările viitoare pe zile.

3. Un instrument intern

Construiește un instrument intern pentru echipa mea, ca să urmărim [împrumuturile de echipamente]. Fiecare articol are un nume, un cod și o stare (disponibil, împrumutat, defect). Personalul se autentifică, poate împrumuta un articol pentru sine și îl poate returna. Arată un tabel cu filtre după stare și un istoric al celui care a avut fiecare articol.

4. O pagină de lansare cu listă de așteptare

Construiește un site dintr-o pagină pentru [produsul meu: o aplicație de planificare a meselor pentru părinți ocupați]. Titlu principal cu subtitlu dintr-o propoziție și înscriere prin email. Apoi trei beneficii, o scurtă secțiune cum funcționează și un FAQ. Salvează emailurile de înscriere într-o bază de date și arată-mi lista pe o pagină privată de administrare.

5. Un portal pentru clienți

Construiește un portal pentru clienți pentru [studioul meu de design]. Fiecare client se autentifică și vede doar proiectele sale, cu stare, fișierele pe care le-am încărcat și un fir de comentarii. Mă autentific ca administrator și văd toți clienții. Clienții nu trebuie să vadă niciodată datele altor clienți.

6. Un calculator sau un instrument de oferte

Construiește un calculator de oferte pentru [firma mea de curățenie]. Intrări: număr de dormitoare, băi, servicii extra (cuptor, geamuri, frigider) și frecvență (o dată, săptămânal, lunar). Arată prețul pe măsură ce se schimbă opțiunile, cu o defalcare. Prețuri: [lipește lista ta de prețuri]. Adaugă un buton care trimite cererea de ofertă pe emailul meu.

Prompturi de planificare

Folosește-le înainte de o funcție mare sau ori de câte ori nu ești sigur cum să descrii ceva.

7. Planifică înainte să construiești

Înainte să scrii cod, descrie în cuvinte simple ecranele pe care le vei construi, datele pe care le vei stoca și deciziile de care ai nevoie de la mine. Așteaptă acordul meu.

8. Transformă o idee confuză într-o primă versiune

Iată ideea mea: [lipește notițele]. Sugerează cea mai mică primă versiune care este totuși utilă, în 5–8 puncte. Listează ce ai lăsa pentru mai târziu și de ce.

9. Întreabă ce lipsește

Ce întrebări i-ar pune un dezvoltator înainte să construiască asta? Pune-le pe rând, apoi rezumă răspunsurile mele într-o specificație scurtă.

10. Verifică întâi o schimbare mare

Vreau să adaug [conturi de echipă în care mai mulți oameni partajează un spațiu de lucru]. Explică ce trebuie să se schimbe în date, ecrane și permisiuni și ce s-ar putea strica. Nu schimba nimic încă.

Prompturi de design

11. Stabilește un stil clar

Redă aplicației un stil nou: fundal alb-crem cald, text închis, o culoare de accent [#1F6F50], colțuri rotunjite, spațiere generoasă și un font sans-serif modern. Păstrează aspectul și fiecare funcție exact așa cum sunt.

12. Copiază senzația unei referințe

Fă tabloul de bord să arate ca o aplicație financiară calmă: mult spațiu alb, cifre mari și îndrăznețe, etichete mici și gri, un singur grafic simplu sus. Nu copia logo-ul sau textul vreunei mărci.

13. Repară aspectul pe telefon

Pe un telefon de 375 px lățime, tabelul de pe [pagina Comenzi] se derulează lateral, iar butoanele se suprapun. Transformă fiecare rând într-un card pus unul sub altul pe ecrane mici. Nu schimba aspectul de desktop.

14. Stări goale, de încărcare și de eroare

Adaugă stări potrivite pentru [lista Proiecte]: o stare goală prietenoasă cu un buton pentru a adăuga primul proiect, un schelet de încărcare cât timp se încarcă datele și un mesaj clar cu buton de reîncercare dacă încărcarea eșuează.

15. Suport pentru scriere de la dreapta la stânga

Adaugă o versiune în arabă a interfeței, cu aspect complet de la dreapta la stânga. Iconițele care indică o direcție trebuie întoarse; numerele și datele trebuie să folosească formatul locale. Păstrează engleza ca implicită.

Prompturi pentru date și funcții

16. Fă datele să persiste

Acum datele mele dispar când reîncarc pagina. Stochează-le într-o bază de date reală, în schimb, și păstrează ecranele actuale să funcționeze la fel.

17. Adaugă autentificare

Adaugă înregistrare și autentificare cu email și parolă. Fiecare utilizator să vadă și să editeze doar [înregistrările] lui. Arată emailul utilizatorului în bara de sus, cu un buton de deconectare.

18. Adaugă roluri

Adaugă două roluri: administrator și membru. Administratorii pot adăuga, edita și șterge [produse]; membrii le pot doar vedea. Aplică asta pe server, nu doar ascunzând butoanele.

19. Adaugă căutare și filtre

Adaugă o casetă de căutare deasupra [listei de contacte] care se potrivește cu numele, compania sau emailul pe măsură ce scriu, plus un filtru pentru [stare]. Păstrează ordinea de sortare actuală.

20. Adaugă încărcări de fișiere

Lasă utilizatorii să atașeze până la [5] imagini la fiecare [anunț], maximum [5 MB] fiecare. Arată miniaturi pe anunț și o vizualizare mai mare la click. Doar proprietarul poate șterge imaginile sale.

21. Importă dintr-un tabel

Adaugă un buton Importă care primește un CSV cu coloanele [nume, email, telefon, notițe], arată o previzualizare a primelor 10 rânduri și îmi lasă să confirm înainte de salvare. Sări peste rândurile fără email și spune-mi câte au fost sărite.

Prompturi de reparare

22. Raportează clar o eroare

Când [apăs Salvează pe formularul de editare], văd „[textul exact al erorii]” și modificarea nu se salvează. Așteptat: modificarea se salvează și mă întorc la listă. Află cauza, explic-o în una sau două propoziții, apoi repar-o.

23. Oprește un ciclu de reparări

Am încercat să reparăm asta de trei ori și încă nu merge. Nu mai schimba cod. Listează cele trei cauze cele mai probabile, cum verific fiecare și care crezi că este.

24. Anulează efectele secundare

Ultima ta schimbare a reparat selectorul de dată, dar [bara laterală] a dispărut. Readu bara laterală exact cum era și păstrează reparația selectorului de dată.

25. Explică înainte să schimbi

Explică pas cu pas cum se calculează acum [totalul din checkout], indicând fișierele implicate. Nu schimba nimic.

Prompturi de testare și revizuire

26. Cazuri limită

Listează 10 moduri în care un utilizator real ar putea strica [formularul de rezervare]: câmpuri goale, text foarte lung, clicuri duble, două persoane deodată, fusuri orare greșite. Testează fiecare și repară ce pică. Spune-mi ce ai schimbat.

27. Rezumă schimbările recente

Rezumă în cuvinte simple fiecare schimbare făcută în ultimii [cinci] pași și semnalează orice ar putea afecta datele existente.

Prompturi de securitate

Combină-le cu pagina noastră despre dacă vibe coding-ul este sigur.

28. Verifică accesul la date

Verifică codul de server: poate un utilizator autentificat să citească sau să modifice [înregistrările] altui utilizator schimbând un ID într-o cerere? Arată-mi unde se verifică accesul și repară orice lacună.

29. Verifică secretele expuse

Listează fiecare cheie API, parolă sau token pe care îl folosește aplicația și unde este stocat fiecare. Asigură-te că niciunul nu se află în cod care rulează în browser sau în fișiere salvate în repository. Mută-le în secrete dacă sunt acolo.

Prompturi de publicare

30. Verificare înainte de lansare

Urmează să public asta pentru utilizatori reali. Treci prin ea ca un revizor: linkuri rupte, titluri și descrieri lipsă ale paginilor, formulare fără validare, pagini lente, erori din consolă și orice pare neterminat pe telefon. Dă-mi o listă ordonată după importanță, apoi repară primele cinci.

Prompturi de evitat

Unele prompturi produc constant rezultate mai slabe:

• „Fă-o mai bună.” Mai bună în ce fel? Numește ecranul și schimbarea.
• „Repară tot.” AI-ul va schimba multe și nu vei ști ce s-a mutat.
• „Folosește [bibliotecă] și [framework] și [model].” Dacă nu ai un motiv, descrie comportamentul și lasă instrumentul să aleagă stack-ul.
• „Iată cheia mea API: …” Nu lipi niciodată secrete într-un chat. Folosește setările de secrete ale instrumentului.
• Zece funcții într-un singur mesaj. Împarte-le.

Transformă prompturile într-un obicei

După câteva proiecte vei avea propriile tale versiuni ale acestora. Păstrează-le într-o notiță și refolosește-le pe cele care funcționează. Mythex își amintește, de asemenea, cine ești și cum lucrezi între proiecte, deci preferințele pe care le repeți, precum stilul sau stack-ul obișnuit, se păstrează fără să le scrii din nou.

Dacă ești blocat la primul prompt, generatorul gratuit de prompturi pentru aplicații transformă o idee de o linie într-un prompt de pornire mai complet. Și ca să vezi ce produc aceste prompturi în practică, citește exemplele noastre de vibe coding sau lipește promptul 1 în constructorul de aplicații AI și schimbă parantezele cu ideea ta.

Întrebări