Vibe Coding کی مثالیں: 10 حقیقی ایپ اقسام، پرامپٹس اور کیا غلط ہوا

سب سے عام vibe coding کی مثالیں چھوٹی، کارآمد ویب ایپس ہیں: ٹریکرز، بکنگ پیجز، اندرونی ٹولز، کلائنٹ پورٹلز، لینڈنگ پیجز، کوئزز، ڈیش بورڈز اور سادہ AI ٹولز۔ نیچے ان میں سے دس دی گئی ہیں۔ ہر ایک کے لیے آپ دیکھیں گے کہ اسے کون بناتا ہے، پہلا پرامپٹ کیا ہے، عام طور پر کیا غلط ہوتا ہے، اور وہ فالو اپ پرامپٹ جو اسے ٹھیک کرتا ہے۔

یہ وہ پروجیکٹس کا مجموعہ ہیں جو لوگ AI app builders میں سب سے زیادہ لاتے ہیں، کسی ایک شخص کے کیس اسٹڈیز نہیں۔ پرامپٹس قابلِ نقل ہیں۔ ناکامیاں وہ ہیں جو بار بار سامنے آتی ہیں، اسی لیے وہی کارآمد حصہ ہیں۔ اگر vibe coding خود آپ کے لیے نیا ہے تو vibe coding کیا ہے سے شروع کریں۔

1. ذاتی بجٹ ٹریکر

اسے کون بناتا ہے: وہ افراد جنہوں نے اسپریڈشیٹس آزمائیں اور چھوڑ دیں۔

پہلا پرامپٹ:

ایک ماہانہ بجٹ ٹریکر بناؤ۔ میں رقم، زمرہ (کھانا، کرایہ، سفر، تفریح، دیگر)، تاریخ اور نوٹ کے ساتھ اخراجات شامل کرتا ہوں۔ اس مہینے کا ہر زمرے کا کل بار چارٹ میں اور حالیہ اخراجات کی فہرست دکھاؤ۔ میں ہر زمرے کا بجٹ مقرر کر سکوں اور دیکھ سکوں کہ کتنا باقی ہے۔

کیا غلط ہوا: چارٹ ہر وہ خرچ گنتا تھا جو کبھی درج ہوا، صرف اس مہینے کا نہیں، اس لیے دوسرے مہینے تک ہر زمرہ زیادہ خرچ دکھائی دینے لگا۔ اس کے علاوہ "1,200" جیسی کاما والی رقمیں 1 کے طور پر محفوظ ہو گئیں۔

ٹھیک کرنے کا پرامپٹ:

چارٹ اور کل صرف منتخب مہینے کے اخراجات شامل کریں۔ اوپر ایک مہینے کا انتخاب کنندہ شامل کریں جو ڈیفالٹ طور پر موجودہ مہینہ ہو۔ کاما یا خالی جگہ والی رقمیں بھی قبول کریں اور انہیں نمبر کے طور پر محفوظ کریں۔

سبق: "اس مہینے" کا مطلب ایک قاعدہ ہے۔ قواعد کو واضح طور پر بیان کریں۔

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

اسے کون بناتا ہے: چھوٹے کاروباری مالکان جو فون اور DMs سے بکنگ کرتے کرتے تھک گئے۔

پہلا پرامپٹ:

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

کیا غلط ہوا: دو گاہکوں نے ایک منٹ کے فرق سے ایک ہی 10:00 کا سلاٹ بک کر لیا، کیونکہ صفحہ دستیابی صرف پہلی بار لوڈ ہونے پر چیک کرتا تھا۔ 90 منٹ کی کلر بکنگ اس کے بعد والے سلاٹس کو بھی بلاک نہیں کرتی تھی۔

ٹھیک کرنے کا پرامپٹ:

جب گاہک بکنگ جمع کرے تو سرور پر چیک کریں کہ ہر وہ سلاٹ جو وہ گھیرتی ہے اب بھی خالی ہے، اور اگر نہیں تو "یہ وقت ابھی لے لیا گیا" کے پیغام کے ساتھ مسترد کریں۔ سروس اپنی پوری لمبائی بلاک کرتی ہے، یعنی 10:00 پر 90 منٹ کی بکنگ 10:00، 10:30 اور 11:00 کو بلاک کرتی ہے۔

سبق: ہر وہ کام جو دو لوگ ایک ساتھ کر سکتے ہیں، اسے سرور کی سطح پر چیک درکار ہے۔ مکمل طریقے کے لیے بکنگ ایپ کیسے بنائیں دیکھیں۔

3. QR کوڈ والا ریسٹورنٹ مینو

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

پہلا پرامپٹ:

میرے کیفے کے لیے ایک موبائل مینو ویب سائٹ بناؤ۔ ناشتہ، دوپہر کا کھانا، مشروبات اور میٹھے کے حصے، ہر آئٹم کے ساتھ نام، قیمت، مختصر تفصیل اور غذائی ٹیگز (ویگن، گلوٹن فری)۔ مجھے آئٹمز میں ترمیم کرنے اور انہیں ختم شدہ نشان زد کرنے کے لیے ایک ایڈمن صفحہ چاہیے۔ ایک QR کوڈ دکھاؤ جسے میں پرنٹ کر سکوں اور جو مینو سے جڑے۔

کیا غلط ہوا: کچھ ٹوٹا نہیں، لیکن کیفے کے Wi-Fi پر مینو سست تھا کیونکہ ہر آئٹم کے لیے فون کی پورے سائز کی تصاویر لوڈ ہو رہی تھیں۔

ٹھیک کرنے کا پرامپٹ:

مینو کی تصاویر بہت بھاری ہیں۔ اپ لوڈ شدہ تصاویر کو زیادہ سے زیادہ 800px چوڑائی تک سکیڑیں، کمپریس کریں اور وزیٹر کے اسکرول کرنے کے ساتھ آہستہ آہستہ لوڈ کریں۔

سبق: سست کنکشن پر جانچیں، صرف اپنے دفتر کے نیٹ ورک پر نہیں۔

4. ٹیم کے لیے سامان یا اسٹاک ٹریکر

اسے کون بناتا ہے: آپریشنز کے لوگ جو مشترکہ اسپریڈشیٹ کی جگہ لے رہے ہیں۔

پہلا پرامپٹ:

ہماری گودام ٹیم کے لیے ایک انوینٹری ٹول بناؤ۔ آئٹمز کا نام، SKU، مقدار، مقام اور کم از کم سطح ہو۔ عملہ لاگ اِن کرے اور اسٹاک شامل کر سکے، وجہ کے ساتھ اسٹاک نکال سکے، اور کم از کم سطح سے نیچے کے آئٹمز سرخ رنگ میں دیکھ سکے۔ ہر تبدیلی کی تاریخ رکھیں اور یہ بھی کہ کس نے کی۔

کیا غلط ہوا: تاریخ میں نام کی جگہ "user 3" دکھائی دیتا تھا، اور جتنا اسٹاک موجود تھا اس سے زیادہ نکالنے پر مقدار منفی ہو گئی۔

ٹھیک کرنے کا پرامپٹ:

تاریخ میں شخص کا ID کی جگہ نام دکھائیں۔ ایسی اسٹاک کمی کی اجازت نہ دیں جو مقدار کو صفر سے نیچے لے جائے؛ اس کی جگہ "صرف 4 اسٹاک میں ہیں" دکھائیں۔

سبق: صرف یہ نہ بتائیں کہ کیا ممکن ہونا چاہیے، بلکہ یہ بھی کہ کیا ناممکن ہونا چاہیے۔ انوینٹری ایپ بنانے پر ہمارا گائیڈ باقی تفصیل دیتا ہے۔

5. فری لانسر یا اسٹوڈیو کے لیے کلائنٹ پورٹل

اسے کون بناتا ہے: ڈیزائنرز، اکاؤنٹنٹ، کنسلٹنٹس اور ایجنسیاں۔

پہلا پرامپٹ:

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

کیا غلط ہوا: یہ فہرست کی سب سے اہم ناکامی ہے۔ صفحات ہر کلائنٹ کو صرف اس کے اپنے پروجیکٹس دکھاتے تھے، لیکن سرور ایڈریس بار میں نمبر بدلنے پر کوئی بھی پروجیکٹ واپس کر دیتا تھا۔ ایک کلائنٹ کے طور پر کلک کرتے رہنے سے یہ کبھی ظاہر نہیں ہوا۔

ٹھیک کرنے کا پرامپٹ:

وہ ہر سرور راستہ چیک کریں جو پروجیکٹس، فائلیں، تبصرے یا انوائسز واپس کرتا ہے۔ ہر ایک کو تصدیق کرنی چاہیے کہ لاگ اِن کلائنٹ اس ریکارڈ کا مالک ہے، ورنہ "نہیں ملا" واپس کرے۔ پھر جانچیں: کلائنٹ A کے طور پر لاگ اِن ہوں اور کلائنٹ B کا پروجیکٹ اس کے ID سے کھولنے کی کوشش کریں۔

سبق: اسکرین پر کوئی چیز چھپانا اسے محفوظ کرنے کے برابر نہیں۔ اس پر مزید بات کیا vibe coding محفوظ ہے؟ میں ہے۔

6. ویٹ لسٹ والا لانچ پیج

اسے کون بناتا ہے: بانی جو کوئی خیال بنانے سے پہلے اس کی جانچ کرتے ہیں۔

پہلا پرامپٹ:

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

کیا غلط ہوا: چند ہی دنوں میں فہرست بوٹس کے بے کار سائن اپس سے بھر گئی، اور صفحے کا کوئی title یا description نہیں تھا، اس لیے شیئر کیے گئے لنکس خالی پریویو دکھاتے تھے۔

ٹھیک کرنے کا پرامپٹ:

سائن اپ فارم میں بنیادی بوٹ تحفظ شامل کریں (ایک چھپا ہوا honeypot فیلڈ اور فی IP فی گھنٹہ 5 سائن اپس کی حد)۔ صفحے کا title، meta description اور سوشل شیئرنگ کی تصویر شامل کریں۔

سبق: عوامی فارم کو ڈھونڈا جاتا ہے۔ ویٹ لسٹ پیج کیسے بنائیں دیکھیں۔

7. استاد کے لیے کوئز ایپ

اسے کون بناتا ہے: اساتذہ اور ٹرینرز جو LMS سے ہلکی کوئی چیز چاہتے ہیں۔

پہلا پرامپٹ:

میری کلاس کے لیے ایک کوئز ایپ بناؤ۔ میں ایسے کوئزز بناتا ہوں جن میں کثیر انتخابی سوالات ہوں اور ہر ایک کا ایک درست جواب ہو۔ طلبہ کوڈ اور اپنا پہلا نام درج کر کے شامل ہوں، سوالات کے جواب دیں اور آخر میں اپنا اسکور دیکھیں۔ میں ہر کوئز کے لیے نتائج کی ایک جدول دیکھوں۔

کیا غلط ہوا: درست جوابات سوالات کے ساتھ براؤزر کو بھیجے جاتے تھے، اس لیے کوئی متجسس طالب علم انہیں صفحے کے سورس میں پڑھ سکتا تھا۔ طلبہ 100% آنے تک دوبارہ جمع بھی کر سکتے تھے۔

ٹھیک کرنے کا پرامپٹ:

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

سبق: براؤزر صارف کا ہے۔ وہاں جو کچھ بھی ہے اسے پڑھا جا سکتا ہے۔

8. ایک چھوٹا AI ٹول

اسے کون بناتا ہے: مارکیٹرز، لکھاری اور بانی جو ایک مرکوز AI مددگار چاہتے ہیں۔

پہلا پرامپٹ:

ایک ایسا ٹول بناؤ جو کسی پروڈکٹ کی تفصیل کو مختلف لہجوں (دوستانہ، ماہرانہ، شوخ، مختصر، طویل) میں پانچ سوشل میڈیا پوسٹس میں بدلے۔ ایک AI API استعمال کریں۔ میں تفصیل چسپاں کروں، ایک پلیٹ فارم چنوں، اور کاپی بٹنز کے ساتھ پوسٹس حاصل کروں۔

کیا غلط ہوا: پہلا ورژن براہ راست براؤزر سے AI سروس کو کال کرتا تھا، جس کی API کلید صفحے کے اندر تھی، جہاں کوئی بھی اسے کاپی کر کے بل بڑھا سکتا تھا۔

ٹھیک کرنے کا پرامپٹ:

AI کال کو سرور پر منتقل کریں۔ API کلید کو secret کے طور پر محفوظ کریں، کبھی frontend کوڈ میں نہیں۔ ہر وزیٹر کو روزانہ 20 جنریشنز تک محدود کریں۔

سبق: کلیدیں سرور پر secrets میں رہنی چاہئیں۔ API کلیدیں محفوظ رکھنے کا طریقہ اور اپنی ایپ میں AI فیچرز شامل کرنے کا طریقہ دیکھیں۔

9. عربی اور انگریزی کی کاروباری ویب سائٹ

اسے کون بناتا ہے: خلیج اور وسیع عرب دنیا کے کاروبار جو دو زبانوں میں خدمات دیتے ہیں۔

پہلا پرامپٹ:

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

کیا غلط ہوا: عربی متن دائیں طرف سیدھا تھا، لیکن پورا لے آؤٹ آئینہ نہیں ہوا: تیر اب بھی غلط سمت میں تھے اور مینو غلط جگہ پر تھا۔ کچھ جگہوں پر فون نمبر الٹے دکھائی دیتے تھے۔

ٹھیک کرنے کا پرامپٹ:

عربی میں پورا لے آؤٹ آئینہ کریں: صفحے کی سمت دائیں سے بائیں رکھیں، مینو دائیں طرف رکھیں، سمتی آئیکنز الٹ دیں، اور عربی متن کے اندر فون نمبرز اور ای میلز کو بائیں سے دائیں رکھیں۔

سبق: دائیں سے بائیں کا مطلب لے آؤٹ ہے، صرف سیدھ کی تبدیلی نہیں۔ Mythex عربی اور دیگر دائیں سے بائیں لے آؤٹ سنبھالتا ہے، اور آپ براہ راست عربی میں پرامپٹ دے سکتے ہیں۔

10. ایک ٹریکر جو فون ایپ بن جاتا ہے

اسے کون بناتا ہے: کوچز، جم اور کمیونٹی گروپس جن کے صارفین اپنے فون پر ہوتے ہیں۔

پہلا پرامپٹ:

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

کیا غلط ہوا: ویب ایپ کام کرتی تھی، لیکن فونز پر بٹن ورزش کے دوران ٹیپ کرنے کے لیے بہت چھوٹے تھے اور چارٹ پڑھا نہیں جا سکتا تھا۔

ٹھیک کرنے کا پرامپٹ:

اسے ایک ہاتھ سے فون پر استعمال کے لیے ڈیزائن کریں: اسکرین کے نیچے بڑے ٹیپ ٹارگٹس، ہر اسکرین پر ایک ورزش اور بڑے Next اور Done بٹن، اور ایک سادہ ہفتہ وار پیش رفت کا چارٹ۔

سبق: اگر لوگ اسے فون پر استعمال کریں گے تو پہلے فون کے لیے ڈیزائن کریں۔ Mythex Pro پر شائع شدہ ایپ پھر Google Play کے لیے Android ایپ اور TestFlight پر بھیجی جانے والی iPhone ایپ بن سکتی ہے؛ فون ایپ آپ کی شائع شدہ ایپ کو کھولتی ہے، اس لیے ہر Publish اسے اپ ڈیٹ کرتا ہے۔ موبائل ایپ بلڈر صفحہ دیکھیں۔

ان مثالوں کے پیچھے کے نمونے

ان دسوں میں ناکامیاں چند گروہوں میں آتی ہیں:

ان میں سے کسی کے لیے کوڈ پڑھنا ضروری نہیں۔ انہیں ایک متجسس اور تھوڑے سے مخالف صارف کی طرح جانچنا ہے، اور جو آپ دیکھیں اسے درست الفاظ میں بیان کرنا ہے۔

خود ایک آزمائیں

اپنے خیال کے سب سے قریب مثال چنیں، اس کا پہلا پرامپٹ کاپی کریں اور تفصیلات بدل دیں۔ پھر شیئر کرنے سے پہلے ٹھیک کرنے والے پرامپٹ کو ایک چیک لسٹ کے طور پر استعمال کریں۔ ہمارے vibe coding پرامپٹس کا چیٹ شیٹ میں 30 مزید ہیں، اور vibe coding سے ایپ کیسے بنائیں ایک پروجیکٹ کو خیال سے شائع شدہ ایپ تک لے جاتا ہے۔ جب تیار ہوں تو AI app builder میں شروع کریں یا templates دیکھیں تاکہ ابتدائی مدد مل سکے۔

سوالات