کاپی کیے جا سکنے والے 30 vibe coding پرامپٹس (چیٹ شیٹ)

بہترین vibe coding پرامپٹس مختصر، مخصوص اور رویے کے بارے میں ہوتے ہیں: ایپ کون استعمال کرتا ہے، وہ کیا کر سکتا ہے، وہ کیا محفوظ کرتی ہے، اور کیسی دکھتی ہے۔ نیچے 30 پرامپٹس ہیں جنہیں آپ کاپی اور پیسٹ کر سکتے ہیں، پہلے بلڈ سے لے کر شائع کرنے تک، آپ کے موجودہ مرحلے کے لحاظ سے گروپ کیے گئے۔ [بریکٹ] والے حصے اپنی تفصیلات سے بدلیں۔

یہ کسی بھی AI app builder یا coding agent میں کام کرتے ہیں۔ اگر آپ ان کے پیچھے کی منطق چاہتے ہیں تو ہماری لمبی گائیڈ AI app builders کے لیے پرامپٹس کیسے لکھیں اصول بیان کرتی ہے۔ یہ صفحہ چیٹ شیٹ ہے۔

اس چیٹ شیٹ کو کیسے استعمال کریں

• ایک پہلے بلڈ کے پرامپٹ سے شروع کریں، پھر باقی کو ایک وقت میں ایک استعمال کریں۔
• ہر پرامپٹ کے بعد جانچیں۔ اگلا بھیجنے سے پہلے تبدیلی کو کلک کر کے دیکھیں۔
• جو کام کر رہا ہے وہ رکھیں۔ یہاں زیادہ تر فالو اپ پرامپٹس "باقی سب کچھ ویسا ہی رکھو" پر ختم ہوتے ہیں، اور اس کی وجہ ہے۔
• درست متن چسپاں کریں۔ ایرر پیغامات، بٹنز کے لیبل اور اسکرین پر لکھے الفاظ ہمیشہ تفصیل سے بہتر ہیں۔

پہلے بلڈ کے پرامپٹس

یہ ایپ کی شکل طے کرتے ہیں۔ ہر ایک صارفین، عمل، ڈیٹا اور انداز کا نام لیتا ہے۔

1. ایک سادہ ٹریکر

میرے لیے ایک [عادت] ٹریکر بناؤ۔ میں نام اور رنگ کے ساتھ ایک [عادت] شامل کر سکوں، اسے ہر دن ایک بار نشان زد کر سکوں، اور 30 دن کی گرِڈ اور اپنی موجودہ مسلسل دنوں کی گنتی دیکھ سکوں۔ سب کچھ محفوظ کرو تاکہ ریفریش کے بعد بھی موجود رہے۔ صاف، کم سے کم ڈیزائن جو فون پر کام کرے۔

2. ایک چھوٹے کاروبار کا بکنگ پیج

میرے [ہیئر سیلون] کے لیے ایک بکنگ پیج بناؤ۔ گاہک ایک سروس ([کٹ 30 منٹ، کلر 90 منٹ])، ایک تاریخ اور [9:00 سے 18:00] کے درمیان خالی وقت کا سلاٹ چنیں، پھر نام، فون اور ای میل درج کریں۔ دو لوگ ایک ہی سلاٹ بک نہ کر سکیں۔ مجھے ایک نجی ایڈمن صفحہ چاہیے، لاگ اِن کے پیچھے، جو آنے والی بکنگز کو دن کے لحاظ سے دکھائے۔

3. ایک اندرونی ٹول

میری ٹیم کے لیے ایک اندرونی ٹول بناؤ جو [سامان کے قرض] کو ٹریک کرے۔ ہر آئٹم کا نام، کوڈ اور حیثیت ہو (دستیاب، قرض پر، خراب)۔ عملہ لاگ اِن کرے، کوئی آئٹم اپنے نام پر چیک آؤٹ کر سکے اور واپس چیک اِن کر سکے۔ حیثیت کے فلٹرز کے ساتھ ایک ٹیبل دکھاؤ اور ہر آئٹم کس کے پاس رہا، اس کی تاریخ بھی۔

4. ویٹ لسٹ والا لینڈنگ پیج

[میری پروڈکٹ: مصروف والدین کے لیے کھانے کی منصوبہ بندی کی ایپ] کے لیے ایک صفحے کی ویب سائٹ بناؤ۔ ہیڈلائن کے ساتھ ہیرو، ایک جملے کی ذیلی سرخی اور ای میل سائن اپ۔ پھر تین فوائد، ایک مختصر کام کرنے کے طریقے کا حصہ اور ایک FAQ۔ سائن اپ ای میلز ڈیٹا بیس میں محفوظ کرو اور مجھے نجی ایڈمن صفحے پر فہرست دکھاؤ۔

5. ایک کلائنٹ پورٹل

میرے [ڈیزائن اسٹوڈیو] کے لیے ایک کلائنٹ پورٹل بناؤ۔ ہر کلائنٹ لاگ اِن کرے اور صرف اپنے پروجیکٹس دیکھے، جن میں حیثیت، میری اپ لوڈ کی ہوئی فائلیں اور تبصروں کا سلسلہ ہو۔ میں ایڈمن کے طور پر لاگ اِن کروں اور تمام کلائنٹس دیکھوں۔ کلائنٹس کبھی ایک دوسرے کا ڈیٹا نہ دیکھیں۔

6. کیلکولیٹر یا قیمت کا ٹول

میرے [صفائی کے کاروبار] کے لیے ایک قیمت کا کیلکولیٹر بناؤ۔ ان پٹس: کمروں کی تعداد، باتھ رومز کی تعداد، اضافی سروسز (اوون، کھڑکیاں، فریج) اور تعدد (ایک بار، ہفتہ وار، ماہانہ)۔ آپشنز بدلنے پر قیمت دکھاؤ، تفصیل کے ساتھ۔ قیمتیں: [اپنی قیمتوں کی فہرست چسپاں کریں]۔ ایک بٹن شامل کرو جو قیمت کی درخواست مجھے ای میل کرے۔

منصوبہ بندی کے پرامپٹس

ان کو کسی بڑے فیچر سے پہلے استعمال کریں، یا جب بھی آپ کو کچھ بیان کرنے کا طریقہ معلوم نہ ہو۔

7. بنانے سے پہلے منصوبہ

کوئی کوڈ لکھنے سے پہلے سادہ الفاظ میں بیان کرو کہ کون سی اسکرینز بناؤ گے، کون سا ڈیٹا محفوظ کرو گے، اور وہ کون سے فیصلے ہیں جو تمہیں مجھ سے چاہئیں۔ میری منظوری کا انتظار کرو۔

8. بکھرے خیال کو پہلے ورژن میں بدلنا

یہ میرا خیال ہے: [نوٹس چسپاں کریں]۔ سب سے چھوٹا پہلا ورژن تجویز کرو جو پھر بھی مفید ہو، 5 سے 8 بُلیٹ پوائنٹس میں۔ بتاؤ کہ کیا بعد کے لیے چھوڑو گے اور کیوں۔

9. پوچھیں کیا کمی ہے

اس کو بنانے سے پہلے ایک ڈیولپر مجھ سے کون سے سوالات پوچھے گا؟ انہیں ایک ایک کر کے پوچھو، پھر میرے جوابات کو ایک مختصر خاکے میں خلاصہ کرو۔

10. بڑی تبدیلی پہلے چیک کریں

میں [ٹیم اکاؤنٹس شامل کرنا چاہتا ہوں جہاں کئی لوگ ایک ورک اسپیس شیئر کریں]۔ بتاؤ کہ ڈیٹا، اسکرینز اور اجازتوں میں کیا بدلنا ہوگا، اور کیا ٹوٹ سکتا ہے۔ ابھی کچھ نہ بدلو۔

ڈیزائن کے پرامپٹس

11. واضح انداز طے کریں

ایپ کا انداز بدلو: گرم آف وائٹ پس منظر، گہرا متن، ایک لہجہ رنگ [#1F6F50]، گول کونے، کشادہ فاصلہ اور جدید sans-serif فونٹ۔ لے آؤٹ اور ہر فیچر بالکل ویسا ہی رکھو۔

12. کسی حوالے کا احساس نقل کریں

ڈیش بورڈ کو ایک پرسکون مالیاتی ایپ کی طرح محسوس کراؤ: بہت سی سفید جگہ، نمبرز بڑے اور گہرے، لیبلز چھوٹے اور خاکستری، اوپر ایک سادہ چارٹ۔ کسی برانڈ کا لوگو یا متن نقل نہ کرو۔

13. فون کا لے آؤٹ ٹھیک کریں

375px چوڑے فون پر، [Orders صفحے] کا ٹیبل بغلی طور پر اسکرول ہوتا ہے اور بٹن ایک دوسرے پر چڑھ جاتے ہیں۔ چھوٹی اسکرینز پر ہر قطار کو ایک تہہ دار کارڈ بناؤ۔ ڈیسک ٹاپ لے آؤٹ نہ بدلو۔

14. خالی، لوڈ ہوتی اور خرابی کی حالتیں

[Projects فہرست] میں مناسب حالتیں شامل کرو: پہلا پروجیکٹ شامل کرنے کے بٹن کے ساتھ ایک دوستانہ خالی حالت، ڈیٹا لوڈ ہوتے وقت ایک loading skeleton، اور اگر لوڈنگ ناکام ہو تو دوبارہ کوشش کے بٹن کے ساتھ واضح پیغام۔

15. دائیں سے بائیں کی حمایت

انٹرفیس کا ایک عربی ورژن شامل کرو جس کا لے آؤٹ مکمل طور پر دائیں سے بائیں ہو۔ سمت والے آئیکنز پلٹ جائیں؛ نمبرز اور تاریخیں مقامی فارمیٹ میں ہوں۔ انگریزی ڈیفالٹ رہے۔

ڈیٹا اور فیچر کے پرامپٹس

16. ڈیٹا کو قائم رکھیں

ابھی ریفریش کرنے پر میرا ڈیٹا غائب ہو جاتا ہے۔ اسے ایک حقیقی ڈیٹا بیس میں محفوظ کرو، اور موجودہ اسکرینز کو ویسے ہی کام کرنے دو۔

17. لاگ اِن شامل کریں

ای میل اور پاس ورڈ کے ساتھ سائن اپ اور لاگ اِن شامل کرو۔ ہر صارف صرف اپنی [اندراجات] دیکھے اور بدلے۔ اوپر کی پٹی میں صارف کی ای میل اور لاگ آؤٹ بٹن دکھاؤ۔

18. کردار شامل کریں

دو کردار شامل کرو: ایڈمن اور ممبر۔ ایڈمن [پروڈکٹس] شامل، ترمیم اور حذف کر سکیں؛ ممبرز صرف دیکھ سکیں۔ اسے سرور پر نافذ کرو، صرف بٹن چھپا کر نہیں۔

19. سرچ اور فلٹرز شامل کریں

[رابطوں کی فہرست] کے اوپر ایک سرچ باکس شامل کرو جو میرے ٹائپ کرنے کے ساتھ نام، کمپنی یا ای میل سے ملائے، اور [حیثیت] کا فلٹر بھی۔ موجودہ ترتیب برقرار رکھو۔

20. فائل اپ لوڈز شامل کریں

صارفین ہر [فہرست] کے ساتھ زیادہ سے زیادہ [5] تصاویر منسلک کر سکیں، ہر ایک [5 MB] تک۔ فہرست پر تھمب نیلز اور کلک پر بڑا منظر دکھاؤ۔ صرف مالک اپنی تصاویر حذف کر سکے۔

21. اسپریڈشیٹ سے درآمد

ایک Import بٹن شامل کرو جو [name, email, phone, notes] کالموں والی CSV لے، پہلی 10 قطاروں کا پیش نظارہ دکھائے، اور محفوظ کرنے سے پہلے میری تصدیق لے۔ جن قطاروں میں ای میل نہ ہو انہیں چھوڑ دو اور بتاؤ کہ کتنی چھوڑی گئیں۔

درستگی کے پرامپٹس

22. بگ واضح طور پر رپورٹ کریں

جب میں [ترمیم کے فارم پر Save کلک کرتا ہوں]، تو مجھے "[درست ایرر متن]" دکھائی دیتا ہے اور تبدیلی محفوظ نہیں ہوتی۔ متوقع: تبدیلی محفوظ ہو اور میں فہرست پر واپس آ جاؤں۔ وجہ تلاش کرو، ایک یا دو جملوں میں بیان کرو، پھر ٹھیک کرو۔

23. درستگی کا چکر روکیں

ہم نے تین بار اسے ٹھیک کرنے کی کوشش کی اور اب بھی ناکام ہے۔ کوڈ بدلنا بند کرو۔ تین سب سے ممکنہ وجوہات کی فہرست دو، ہر ایک کو جانچنے کا طریقہ بتاؤ، اور بتاؤ کہ تمہارے خیال میں کون سی ہے۔

24. ضمنی اثرات واپس کریں

تمہاری آخری تبدیلی نے تاریخ منتخب کرنے والا مسئلہ ٹھیک کیا لیکن [سائیڈ بار] غائب ہو گیا۔ سائیڈ بار بالکل پہلے جیسا واپس لاؤ اور تاریخ والی درستگی برقرار رکھو۔

25. تبدیلی سے پہلے وضاحت کریں

بتاؤ کہ [چیک آؤٹ کا کل] ابھی کیسے حساب ہوتا ہے، قدم بہ قدم، متعلقہ فائلوں کی نشان دہی کرتے ہوئے۔ کچھ نہ بدلو۔

جانچ اور جائزے کے پرامپٹس

26. کنارے کے کیسز

10 طریقے بتاؤ جن سے کوئی حقیقی صارف [بکنگ فارم] کو توڑ سکتا ہے: خالی فیلڈز، بہت لمبا متن، دو بار کلک، ایک ساتھ دو لوگ، غلط ٹائم زونز۔ ہر ایک جانچو اور جو ناکام ہو اسے ٹھیک کرو۔ بتاؤ کہ کیا بدلا۔

27. حالیہ تبدیلیوں کا خلاصہ

پچھلے [پانچ] مراحل میں کی گئی ہر تبدیلی کا سادہ الفاظ میں خلاصہ کرو، اور جو موجودہ ڈیٹا کو متاثر کر سکتی ہو اسے نشان زد کرو۔

سیکیورٹی کے پرامپٹس

ان کو کیا vibe coding محفوظ ہے؟ والے صفحے کے ساتھ استعمال کریں۔

28. ڈیٹا تک رسائی جانچیں

سرور کا کوڈ چیک کرو: کیا کوئی لاگ اِن صارف درخواست میں ID بدل کر کسی دوسرے صارف کے [ریکارڈز] پڑھ یا بدل سکتا ہے؟ مجھے دکھاؤ کہ رسائی کہاں چیک ہوتی ہے اور کوئی کمی ہو تو ٹھیک کرو۔

29. ظاہر ہونے والی secrets چیک کریں

ہر API کلید، پاس ورڈ یا token کی فہرست دو جو یہ ایپ استعمال کرتی ہے اور بتاؤ کہ ہر ایک کہاں محفوظ ہے۔ یقینی بناؤ کہ ان میں سے کوئی بھی براؤزر میں چلنے والے کوڈ یا فائلوں میں نہ ہو۔ اگر ہو تو انہیں secrets میں منتقل کرو۔

شائع کرنے کے پرامپٹس

30. اشاعت سے پہلے کا جائزہ

میں اسے حقیقی صارفین کے لیے شائع کرنے والا ہوں۔ ایک جائزہ لینے والے کی طرح اسے دیکھو: ٹوٹے ہوئے لنکس، غائب صفحہ titles اور descriptions، بغیر توثیق کے فارمز، سست صفحات، console ایررز اور فون پر کوئی بھی نامکمل چیز۔ اہمیت کے لحاظ سے ترتیب دی گئی فہرست دو، پھر پہلی پانچ ٹھیک کرو۔

وہ پرامپٹس جن سے بچیں

کچھ پرامپٹس مسلسل بدتر نتائج دیتے ہیں:

• "اسے بہتر بناؤ۔" کیسے بہتر؟ اسکرین اور تبدیلی کا نام لیں۔
• "سب کچھ ٹھیک کرو۔" AI بہت کچھ بدلے گا اور آپ کو معلوم نہیں ہوگا کیا حرکت میں آیا۔
• "[لائبریری] اور [فریم ورک] اور [پیٹرن] استعمال کرو۔" جب تک کوئی وجہ نہ ہو، رویہ بیان کریں اور ٹول کو اسٹیک چننے دیں۔
• "یہ میری API کلید ہے: …" کبھی چیٹ میں secrets نہ چسپاں کریں۔ ٹول کی secret سیٹنگز استعمال کریں۔
• ایک پیغام میں دس فیچرز۔ انہیں الگ کریں۔

پرامپٹس کو عادت بنانا

چند پروجیکٹس کے بعد آپ کے پاس ان کے اپنے ورژن ہوں گے۔ انہیں ایک نوٹ میں رکھیں اور جو کام کریں انہیں دوبارہ استعمال کریں۔ Mythex پروجیکٹس کے درمیان یہ بھی یاد رکھتا ہے کہ آپ کون ہیں اور کیسے کام کرتے ہیں، اس لیے وہ ترجیحات جو آپ بار بار دہراتے ہیں، جیسے آپ کا معمول کا انداز یا اسٹیک، دوبارہ لکھے بغیر آگے بڑھتی ہیں۔

اگر آپ پہلے پرامپٹ پر اٹکے ہوئے ہیں تو مفت ایپ پرامپٹ جنریٹر ایک لائن کے خیال کو مکمل ابتدائی پرامپٹ میں بدل دیتا ہے۔ اور یہ دیکھنے کے لیے کہ یہ پرامپٹس عملی طور پر کیا بناتے ہیں، ہماری vibe coding کی مثالیں پڑھیں، یا پرامپٹ 1 کو AI app builder میں چسپاں کریں اور بریکٹس کو اپنے خیال سے بدلیں۔

سوالات