કોપી કરી શકાય એવા 30 Vibe Coding પ્રોમ્પ્ટ (ચીટ શીટ)

શ્રેષ્ઠ vibe coding પ્રોમ્પ્ટ ટૂંકા, ચોક્કસ અને વર્તન વિશેના હોય છે: એપ કોણ વાપરે છે, તેઓ શું કરી શકે છે, તે શું સાચવે છે અને તે કેવું દેખાય છે. નીચે 30 પ્રોમ્પ્ટ છે જે તમે કોપી-પેસ્ટ કરી શકો છો, તમે જે તબક્કામાં છો તે પ્રમાણે જૂથબદ્ધ, પહેલા બિલ્ડથી પ્રકાશન સુધી. [કૌંસમાંના] ભાગને તમારી પોતાની વિગતોથી બદલો.

તે કોઈપણ AI એપ બિલ્ડર કે કોડિંગ એજન્ટમાં કામ કરે છે. જો તમને તેની પાછળનું કારણ જોઈએ છે, તો AI એપ બિલ્ડર માટે પ્રોમ્પ્ટ કેવી રીતે લખવા પરની અમારી લાંબી માર્ગદર્શિકા સિદ્ધાંતો સમજાવે છે. આ પેજ ચીટ શીટ છે.

આ ચીટ શીટ કેવી રીતે વાપરવી

• એક પહેલા-બિલ્ડ પ્રોમ્પ્ટથી શરૂ કરો, પછી બીજા એક સમયે એક.
• દરેક પ્રોમ્પ્ટ પછી પરીક્ષણ કરો. આગલો મોકલતા પહેલાં ફેરફાર ક્લિક કરીને તપાસો.
• જે કામ કરે તે રાખો. અહીંના મોટાભાગના ફોલો-અપ પ્રોમ્પ્ટ "બાકી બધું એકસરખું રાખો" સાથે પૂરા થાય છે, એક કારણથી.
• ચોક્કસ લખાણ પેસ્ટ કરો. ભૂલ સંદેશા, બટનના લેબલ અને સ્ક્રીન પરના શબ્દો દર વખતે વર્ણન કરતાં ચડિયાતા છે.

પહેલા-બિલ્ડ પ્રોમ્પ્ટ

આ એપનો આકાર નક્કી કરે છે. દરેક વપરાશકર્તાઓ, ક્રિયાઓ, ડેટા અને દેખાવનું નામ આપે છે.

1. સરળ ટ્રેકર

મારા માટે [આદત] ટ્રેકર બનાવો. હું નામ અને રંગ સાથે [આદત] ઉમેરી શકું, દરરોજ એકવાર ટિક કરી શકું, અને 30-દિવસની ગ્રીડ અને મારી હાલની સ્ટ્રીક જોઈ શકું. રિફ્રેશ પછી પણ બધું રહે તે રીતે સાચવો. સ્વચ્છ, ન્યૂનતમ ડિઝાઇન જે ફોન પર કામ કરે.

2. નાના બિઝનેસ માટે બુકિંગ પેજ

મારા [હેર સલૂન] માટે બુકિંગ પેજ બનાવો. ગ્રાહકો સેવા ([કટ 30 મિનિટ, કલર 90 મિનિટ]), તારીખ અને [9:00 થી 18:00] વચ્ચેનો ખાલી સમય સ્લોટ પસંદ કરે, પછી નામ, ફોન અને ઈમેલ દાખલ કરે. બે લોકો એક જ સ્લોટ બુક ન કરી શકે. મને લોગિનની પાછળનું ખાનગી એડમિન પેજ જોઈએ છે, જે દિવસ પ્રમાણે આગામી બુકિંગની યાદી બતાવે.

3. આંતરિક ટૂલ

મારી ટીમ માટે [સાધન ઉધાર] ટ્રૅક કરવા આંતરિક ટૂલ બનાવો. દરેક વસ્તુમાં નામ, કોડ અને સ્થિતિ (ઉપલબ્ધ, ઉધાર પર, તૂટેલું) હોય. સ્ટાફ લોગિન કરી શકે, વસ્તુ પોતાના નામે ચેકઆઉટ કરી શકે અને પાછી ચેક-ઇન કરી શકે. સ્થિતિ પ્રમાણે ફિલ્ટર સાથેનું ટેબલ અને દરેક વસ્તુ કોની પાસે હતી તેનો ઇતિહાસ બતાવો.

4. વેઇટલિસ્ટ સાથે લેન્ડિંગ પેજ

[મારું ઉત્પાદન: વ્યસ્ત માતાપિતા માટે ભોજન આયોજન એપ] માટે એક-પેજની વેબસાઇટ બનાવો. હેડલાઇન સાથે હીરો, એક વાક્યનું સબહેડિંગ અને ઈમેલ સાઇન-અપ. પછી ત્રણ ફાયદા, ટૂંકો કેવી રીતે કામ કરે તે વિભાગ અને FAQ. સાઇન-અપ ઈમેલ ડેટાબેઝમાં સાચવો અને મને ખાનગી એડમિન પેજ પર યાદી બતાવો.

5. ક્લાયન્ટ પોર્ટલ

મારા [ડિઝાઇન સ્ટુડિયો] માટે ક્લાયન્ટ પોર્ટલ બનાવો. દરેક ક્લાયન્ટ લોગિન કરે અને ફક્ત પોતાના પ્રોજેક્ટ જુએ, સ્થિતિ, મેં અપલોડ કરેલી ફાઈલો અને ટિપ્પણી થ્રેડ સાથે. હું એડમિન તરીકે લોગિન કરું અને બધા ક્લાયન્ટ જોઉં. ક્લાયન્ટ્સ ક્યારેય એકબીજાનો ડેટા ન જોઈ શકે.

6. કેલ્ક્યુલેટર અથવા ક્વોટ ટૂલ

મારા [સફાઈ બિઝનેસ] માટે ક્વોટ કેલ્ક્યુલેટર બનાવો. ઇનપુટ: બેડરૂમની સંખ્યા, બાથરૂમની સંખ્યા, વધારાની સેવાઓ (ઓવન, બારીઓ, ફ્રિજ) અને આવર્તન (એકવાર, સાપ્તાહિક, માસિક). વિકલ્પો બદલાય તેમ કિંમત બતાવો, વિગત સાથે. કિંમતો: [તમારી કિંમત યાદી પેસ્ટ કરો]. ક્વોટ વિનંતી મને ઈમેલ દ્વારા મોકલવા માટે બટન ઉમેરો.

આયોજન પ્રોમ્પ્ટ

મોટા ફીચર પહેલાં, અથવા જ્યારે તમને ખાતરી ન હોય કે કંઈક કેવી રીતે વર્ણવવું, ત્યારે આનો ઉપયોગ કરો.

7. બનાવતા પહેલા યોજના

કોઈ કોડ લખતા પહેલાં, સાદા શબ્દોમાં વર્ણવો કે તમે કઈ સ્ક્રીન બનાવશો, કયો ડેટા સાચવશો અને મારી પાસેથી કયા નિર્ણયો જોઈએ છે. મારી મંજૂરીની રાહ જુઓ.

8. વ્યવસ્થિત વિચારને પહેલા વર્ઝનમાં ફેરવો

અહીં મારો વિચાર છે: [નોંધો પેસ્ટ કરો]. હજી ઉપયોગી હોય તેવું સૌથી નાનું પહેલું વર્ઝન 5–8 બુલેટ પોઇન્ટમાં સૂચવો. જે પછી માટે છોડશો તે અને કારણ યાદી કરો.

9. શું ખૂટે છે તે પૂછો

આ બનાવતા પહેલાં ડેવલપર મને કયા પ્રશ્નો પૂછશે? એક-એક કરીને પૂછો, પછી મારા જવાબોનો ટૂંકો સ્પેક તરીકે સારાંશ આપો.

10. મોટો ફેરફાર પહેલા તપાસો

હું [ટીમ ખાતા જ્યાં ઘણા લોકો એક વર્કસ્પેસ શેર કરે] ઉમેરવા માંગુ છું. સમજાવો કે ડેટા, સ્ક્રીન અને પરવાનગીઓમાં શું બદલવું પડશે, અને શું તૂટી શકે છે. હજી કંઈ બદલશો નહીં.

ડિઝાઇન પ્રોમ્પ્ટ

11. સ્પષ્ટ શૈલી સેટ કરો

એપની શૈલી બદલો: ગરમ ઑફ-વ્હાઇટ પૃષ્ઠભૂમિ, ઘેરું લખાણ, એક ઍક્સેન્ટ રંગ [#1F6F50], ગોળ ખૂણા, ઉદાર અંતર અને આધુનિક સાન-સેરિફ ફોન્ટ. લેઆઉટ અને દરેક ફીચર બિલકુલ જેવા છે તેવા રાખો.

12. સંદર્ભની લાગણી નકલ કરો

ડેશબોર્ડને શાંત ફાઇનાન્સ એપ જેવું બનાવો: ઘણી સફેદ જગ્યા, આંકડા મોટા અને બોલ્ડ, લેબલ નાના અને ગ્રે, ટોચ પર એક સાદો ચાર્ટ. કોઈ બ્રાન્ડનો લોગો કે લખાણ કોપી કરશો નહીં.

13. ફોન લેઆઉટ ઠીક કરો

375px પહોળા ફોન પર, [Orders પેજ] પરનું ટેબલ બાજુમાં સ્ક્રોલ થાય છે અને બટન એકબીજા પર ચઢે છે. નાની સ્ક્રીન પર દરેક પંક્તિને સ્ટેક્ડ કાર્ડ બનાવો. ડેસ્કટોપ લેઆઉટ ન બદલો.

14. ખાલી, લોડિંગ અને ભૂલ સ્થિતિઓ

[Projects યાદી] માટે યોગ્ય સ્થિતિઓ ઉમેરો: પહેલો પ્રોજેક્ટ ઉમેરવા બટન સાથે મૈત્રીપૂર્ણ ખાલી સ્થિતિ, ડેટા લોડ થાય ત્યારે લોડિંગ સ્કેલેટન, અને લોડિંગ નિષ્ફળ જાય તો રિટ્રાય બટન સાથે સ્પષ્ટ સંદેશ.

15. જમણેથી ડાબે સપોર્ટ

સંપૂર્ણ જમણેથી ડાબે લેઆઉટ સાથે ઇન્ટરફેસનું અરબી વર્ઝન ઉમેરો. દિશા બતાવતા આઇકન ફ્લિપ થવા જોઈએ; નંબર અને તારીખો લોકેલ ફોર્મેટ વાપરે. અંગ્રેજી ડિફોલ્ટ રાખો.

ડેટા અને ફીચર પ્રોમ્પ્ટ

16. ડેટા ટકાવી રાખો

અત્યારે રિફ્રેશ કરતાં મારો ડેટા ગાયબ થઈ જાય છે. તેના બદલે તેને વાસ્તવિક ડેટાબેઝમાં સાચવો, અને વર્તમાન સ્ક્રીન એ જ રીતે કામ કરતી રાખો.

17. લોગિન ઉમેરો

ઈમેલ અને પાસવર્ડ સાથે સાઇન-અપ અને લોગિન ઉમેરો. દરેક વપરાશકર્તા ફક્ત પોતાની [એન્ટ્રી] જુએ અને સંપાદિત કરે. ટોચની પટ્ટીમાં વપરાશકર્તાનો ઈમેલ લોગ-આઉટ બટન સાથે બતાવો.

18. ભૂમિકાઓ ઉમેરો

બે ભૂમિકા ઉમેરો: એડમિન અને સભ્ય. એડમિન [ઉત્પાદનો] ઉમેરી, સંપાદિત અને કાઢી શકે; સભ્યો ફક્ત જોઈ શકે. આ સર્વર પર લાગુ કરો, ફક્ત બટન છુપાવીને નહીં.

19. સર્ચ અને ફિલ્ટર ઉમેરો

[સંપર્ક યાદી] ઉપર એક સર્ચ બોક્સ ઉમેરો જે હું ટાઇપ કરું તેમ નામ, કંપની અથવા ઈમેલ સાથે મેળ ખાય, તથા [સ્થિતિ] માટે ફિલ્ટર. વર્તમાન સૉર્ટ ક્રમ જાળવી રાખો.

20. ફાઈલ અપલોડ ઉમેરો

વપરાશકર્તાઓ દરેક [લિસ્ટિંગ] સાથે વધુમાં વધુ [5] છબીઓ જોડી શકે, દરેક [5 MB] સુધી. લિસ્ટિંગ પર થંબનેલ અને ક્લિક પર મોટું દૃશ્ય બતાવો. ફક્ત માલિક પોતાની છબીઓ કાઢી શકે.

21. સ્પ્રેડશીટમાંથી આયાત કરો

એક Import બટન ઉમેરો જે [નામ, ઈમેલ, ફોન, નોંધો] કૉલમવાળી CSV લે, પહેલી 10 પંક્તિઓનો પ્રિવ્યૂ બતાવે, અને સાચવતા પહેલાં મારી પુષ્ટિ માંગે. ઈમેલ વગરની પંક્તિઓ છોડો અને કેટલી છોડાઈ તે મને કહો.

બગ ઠીક કરતા પ્રોમ્પ્ટ

22. બગની સ્પષ્ટ જાણ કરો

જ્યારે હું [એડિટ ફોર્મ પર Save ક્લિક કરું છું], ત્યારે મને "[ચોક્કસ ભૂલ લખાણ]" દેખાય છે અને ફેરફાર સચવાતો નથી. અપેક્ષિત: ફેરફાર સાચવાય અને હું યાદી પર પાછો જાઉં. કારણ શોધો, તેને એક-બે વાક્યમાં સમજાવો, પછી ઠીક કરો.

23. ફિક્સ લૂપ રોકો

અમે આ ત્રણ વાર ઠીક કરવાનો પ્રયાસ કર્યો અને તે હજી નિષ્ફળ જાય છે. કોડ બદલવાનું બંધ કરો. ત્રણ સૌથી સંભવિત કારણો, દરેકને કેવી રીતે તપાસવું, અને તમને લાગે છે તે કયું છે તે યાદી કરો.

24. આડઅસરો પાછી લો

તમારા છેલ્લા ફેરફારે તારીખ પસંદગીકાર ઠીક કર્યો, પણ [સાઇડબાર] ગાયબ થઈ ગયું. સાઇડબાર બરાબર પહેલા જેવો પાછો લાવો અને તારીખ પસંદગીકારનો ફિક્સ રાખો.

25. બદલતા પહેલા સમજાવો

અત્યારે [ચેકઆઉટ કુલ] કેવી રીતે ગણાય છે તે પગલું દર પગલું સમજાવો, સંકળાયેલી ફાઈલોનો સંદર્ભ આપીને. કંઈ બદલશો નહીં.

પરીક્ષણ અને સમીક્ષા પ્રોમ્પ્ટ

26. ધાર કિસ્સાઓ

વાસ્તવિક વપરાશકર્તા [બુકિંગ ફોર્મ] કેવી રીતે તોડી શકે તેની 10 રીત યાદી કરો: ખાલી ફીલ્ડ, ખૂબ લાંબું લખાણ, ડબલ ક્લિક, એકસાથે બે લોકો, ખોટા સમય ઝોન. દરેકનું પરીક્ષણ કરો અને જે નિષ્ફળ જાય તે ઠીક કરો. તમે શું બદલ્યું તે જણાવો.

27. તાજેતરના ફેરફારોનો સારાંશ

છેલ્લા [પાંચ] પગલાંમાં તમે કરેલો દરેક ફેરફાર સાદા શબ્દોમાં સારાંશ આપો, અને હાલના ડેટાને અસર કરી શકે તેવું કંઈપણ ચિહ્નિત કરો.

સુરક્ષા પ્રોમ્પ્ટ

આમને vibe coding સુરક્ષિત છે કે નહીં પરના અમારા પેજ સાથે જોડો.

28. ડેટા ઍક્સેસ તપાસો

સર્વર કોડ તપાસો: શું લોગિન થયેલો વપરાશકર્તા વિનંતીમાં ID બદલીને બીજા વપરાશકર્તાના [રેકોર્ડ] વાંચી કે બદલી શકે? મને બતાવો કે ઍક્સેસ ક્યાં તપાસાય છે, અને કોઈ છિદ્રો હોય તો ઠીક કરો.

29. ખુલ્લા સિક્રેટ્સ તપાસો

આ એપ વાપરતી દરેક API કી, પાસવર્ડ કે ટોકન યાદી કરો અને દરેક ક્યાં સાચવેલી છે. ખાતરી કરો કે તે બ્રાઉઝરમાં ચાલતા કોડમાં કે ફાઈલોમાં કમિટ થયેલી નથી. જો હોય તો તેમને સિક્રેટ્સમાં ખસેડો.

પ્રકાશન પ્રોમ્પ્ટ

30. લોન્ચ પહેલાનો પાસ

હું આને વાસ્તવિક વપરાશકર્તાઓ માટે પ્રકાશિત કરવાનો છું. સમીક્ષક તરીકે તપાસો: તૂટેલી લિંક, ગુમ પેજ શીર્ષક અને વર્ણનો, માન્યતા વગરના ફોર્મ, ધીમા પેજ, કન્સોલ ભૂલો, અને ફોન પર અધૂરું લાગતું કંઈપણ. મને મહત્વ પ્રમાણે ક્રમવાર યાદી આપો, પછી ટોચના પાંચ ઠીક કરો.

ટાળવા જેવા પ્રોમ્પ્ટ

કેટલાક પ્રોમ્પ્ટ વિશ્વસનીય રીતે ખરાબ પરિણામ આપે છે:

• "તેને વધુ સારું બનાવો." કેવી રીતે સારું? સ્ક્રીન અને ફેરફારનું નામ આપો.
• "બધું ઠીક કરો." AI ઘણું બદલશે અને તમને ખબર નહીં પડે કે શું ખસ્યું.
• "[લાઇબ્રેરી] અને [ફ્રેમવર્ક] અને [પેટર્ન] વાપરો." કોઈ કારણ ન હોય તો, વર્તન વર્ણવો અને ટૂલને સ્ટેક પસંદ કરવા દો.
• "મારી API કી આ રહી: …" ચેટમાં ક્યારેય સિક્રેટ્સ પેસ્ટ ન કરો. ટૂલની સિક્રેટ સેટિંગ્સ વાપરો.
• એક સંદેશમાં દસ ફીચર. તેમને અલગ કરો.

પ્રોમ્પ્ટને આદત બનાવવી

થોડા પ્રોજેક્ટ પછી તમારી પાસે આમાંના તમારા પોતાના વર્ઝન હશે. તેમને નોંધમાં રાખો, અને જે કામ કરે તેનો ફરી ઉપયોગ કરો. Mythex પ્રોજેક્ટો વચ્ચે તમે કોણ છો અને કેવી રીતે કામ કરો છો તે પણ યાદ રાખે છે, એટલે તમે વારંવાર કરો છો તે પસંદગીઓ, જેમ કે તમારી સામાન્ય શૈલી કે સ્ટેક, ફરી લખ્યા વગર આગળ વધે છે.

જો પહેલા પ્રોમ્પ્ટમાં અટકી ગયા હો, તો મફત એપ પ્રોમ્પ્ટ જનરેટર એક-લીટીના વિચારને વધુ વિગતવાર શરૂઆતના પ્રોમ્પ્ટમાં ફેરવે છે. અને આ પ્રોમ્પ્ટ વાસ્તવમાં શું બનાવે છે તે જોવા માટે, અમારા vibe coding ઉદાહરણો વાંચો, અથવા પ્રોમ્પ્ટ 1 ને AI એપ બિલ્ડર માં પેસ્ટ કરો અને કૌંસને તમારા પોતાના વિચારથી બદલો.

પ્રશ્નો