Claude کے ساتھ Vibe Coding: Claude چیٹ، Claude Code اور Claude سے بنانا

Claude کے ساتھ vibe coding تین طریقوں سے ہوتی ہے۔ Claude چیٹ گفتگو کے اندر ہی چھوٹی صفحے والی ایپس بناتی ہے۔ Claude Code ایک ایجنٹ ہے جو آپ کی مشین پر یا کلاؤڈ میں ایک حقیقی پروجیکٹ میں ترمیم کرتا ہے، ان لوگوں کے لیے جو کوڈ بیس کے ساتھ آرام دہ ہیں۔ اور Claude کے ساتھ MCP پر app builder آپ کو Claude کی گفتگو چھوڑے بغیر ڈیٹا بیس والی مکمل full-stack ایپ بنانے، پریویو کرنے اور شائع کرنے دیتا ہے۔ کون سا طریقہ موزوں ہے، یہ اس پر منحصر ہے کہ آپ کیا بنا رہے ہیں اور سیٹ اپ کا کتنا حصہ خود سنبھالنا چاہتے ہیں۔

یہ گائیڈ تینوں کا احاطہ کرتی ہے، ہر ایک کے پرامپٹس اور حدوں کے ساتھ۔ اس سارے خیال کے پس منظر کے لیے vibe coding کیا ہے دیکھیں۔

آپشن 1: چھوٹے ٹولز کے لیے Claude چیٹ

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

یہاں ایک اچھا پرامپٹ خود مکمل ہوتا ہے:

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

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

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

آپشن 2: حقیقی کوڈ بیس کے لیے Claude Code

Claude Code Anthropic کا coding ایجنٹ ہے۔ یہ آپ کے terminal میں، VS Code اور JetBrains جیسے ایڈیٹرز میں، ڈیسک ٹاپ ایپ میں اور ویب پر کام کرتا ہے۔ آپ اسے سادہ زبان میں کام دیتے ہیں، اور یہ آپ کا پروجیکٹ پڑھتا ہے، فائلیں بدلتا ہے، کمانڈز اور ٹیسٹ چلاتا ہے، اور دکھاتا ہے کہ کیا بدلا۔ اس تحریر کے وقت یہ Claude کے ادا شدہ پلانز میں شامل ہے اور API کے ذریعے دستیاب ہے؛ موجودہ پلانز کے لیے Anthropic کی سائٹ دیکھیں۔

ایک عام vibe coding سیشن کچھ یوں ہوتا ہے:

ایک /bookings صفحہ شامل کرو جو موجودہ صارف کی بکنگز نئی سب سے پہلے دکھائے، ساتھ میں ایک cancel بٹن جو کلاس سے دو گھنٹے سے کم پہلے غیر فعال ہو۔ موجودہ auth helper استعمال کرو۔ کام ختم ہونے پر ٹیسٹ چلاؤ۔

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

جہاں اس میں زیادہ محنت لگتی ہے: آپ کو ڈویلپمنٹ سیٹ اپ درکار ہے، اور Claude Code کچھ بھی ہوسٹ نہیں کرتا۔ ڈیٹا بیس، secrets، تعیناتی اور ڈومینز کا انتظام آپ کے ذمہ ہے۔ دوسرے ڈویلپر ٹولز کے ساتھ موازنے کے لیے Cursor بمقابلہ Windsurf بمقابلہ Claude Code دیکھیں۔

Claude Code کے ساتھ اچھی عادات

• بڑی تبدیلیوں سے پہلے منصوبہ مانگیں۔ "مراحل اور ان فائلوں کا خاکہ دو جنہیں چھوؤ گے، پھر انتظار کرو۔"
• پروجیکٹ نوٹس کی فائل رکھیں۔ Claude Code اصولوں کے لیے ایک پروجیکٹ میموری فائل (CLAUDE.md) پڑھتا ہے، تاکہ آپ انہیں بار بار نہ دہرائیں۔
• diff کا جائزہ لیں۔ vibe coding کرتے ہوئے بھی حساس حصوں میں کیا بدلا، اس پر نظر ڈالیں: auth، ادائیگیاں، صارف کا ڈیٹا۔
• بار بار commit کریں۔ چھوٹے commits کسی غلط قدم کو واپس لینا آسان بناتے ہیں۔

آپشن 3: Mythex کے ساتھ Claude سے بنائیں اور شائع کریں

اگر آپ Claude میں کام کرنا پسند کرتے ہیں لیکن آخر میں ایک حقیقی ایپ چاہتے ہیں، یعنی ڈیٹا بیس، لاگ اِن، فائل اسٹوریج، ایک عوامی URL، تو آپ MCP کے ذریعے Claude کو ایک AI app builder سے جوڑ سکتے ہیں، وہ پروٹوکول جو Claude کو کہیں اور ہوسٹ کیے گئے ٹولز استعمال کرنے دیتا ہے۔ (MCP کیا ہے سادہ الفاظ میں بیان کرتا ہے۔)

Mythex ایک MCP سرور چلاتا ہے۔ جب یہ جڑ جائے تو Claude ایک Mythex پروجیکٹ بنا سکتا ہے، ایک نجی کلاؤڈ سینڈ باکس میں کوڈ لکھ سکتا ہے، لائیو پریویو شروع کر سکتا ہے، ڈیٹا بیس اور فائل اسٹوریج جوڑ سکتا ہے، اور ایپ شائع کر سکتا ہے۔ ہر نتیجے میں Mythex میں پروجیکٹ لائیو دیکھنے کا لنک ہوتا ہے۔

کیسے جوڑیں

1. Mythex میں Account settings کھولیں اور MCP URL کاپی کریں: https://mcp.mythex.ai/mcp۔
2. Claude میں Settings → Connectors → Add custom connector پر جائیں، URL چسپاں کریں اور Connect کلک کریں۔
3. ایک Mythex صفحہ کھلتا ہے۔ ضرورت ہو تو سائن ان کریں اور Allow access منتخب کریں۔ یہاں کوئی API کلید کاپی کرنے کی ضرورت نہیں۔
4. Claude میں واپس آ کر جو چاہیں مانگیں۔

کوئی بھی کسی بھی پلان پر جوڑ سکتا ہے؛ سینڈ باکس ٹولز کے لیے Mythex Pro ($25 فی مہینہ) درکار ہے۔ Claude کا استعمال آپ کے Claude پلان پر رہتا ہے، اور سینڈ باکس کا وقت، پریویوز اور ہوسٹنگ آپ کے Mythex کریڈٹس سے آتے ہیں۔ مکمل طریقہ Claude، Cursor یا Codex سے Mythex ایپس بنائیں میں ہے۔

آزمانے کے لیے پہلا پرامپٹ

Mythex استعمال کرتے ہوئے ایک نیا پروجیکٹ بناؤ: میرے چھوٹے ڈیزائن اسٹوڈیو کے لیے ایک سادہ CRM۔ رابطے جن میں نام، کمپنی، ای میل، فون، مرحلہ (لیڈ، فعال، سابق) اور نوٹس ہوں۔ مرحلے کے لحاظ سے ایک بورڈ دکھاؤ جہاں میں رابطوں کو کالموں کے درمیان گھسیٹ سکوں، اور ایک سرچ باکس۔ ڈیٹا قائم رہنے کے لیے ایک ڈیٹا بیس شامل کرو، اور ایک لاگ اِن تاکہ صرف میں اسے دیکھ سکوں۔ پریویو شروع کرو اور چلنے پر مجھے لنک بھیجو۔

پھر اسی گفتگو میں، ایک وقت میں ایک تبدیلی کے ساتھ آگے بڑھیں:

Mythex پروجیکٹ میں رابطوں کے لیے ایک "اگلا فالو اپ" تاریخ شامل کرو اور ہوم اسکرین پر اس ہفتے کے فالو اپس کی فہرست۔ پریویو میں جانچو۔

CRM شائع کرو اور مجھے لائیو URL دو۔

کس کے لیے بہترین ہے: وہ لوگ جو Claude میں سب سے بہتر سوچتے ہیں اور چاہتے ہیں کہ نتیجہ ڈیٹا بیس کے ساتھ ہوسٹ ہو، سرور سیٹ اپ کیے بغیر۔ آپ راستے بھی بدل سکتے ہیں: Claude میں شروع کریں اور Mythex چیٹ میں جاری رکھیں، یا اس کے برعکس، کیونکہ یہ ایک ہی پروجیکٹ ہے۔

آپ کو کون سا استعمال کرنا چاہیے؟

Claude کے ساتھ زیادہ اہم پرامپٹنگ کے نکات

Claude تفصیلی ہدایات کو قریب سے پیروی کرتا ہے، اور اس کے دونوں پہلو ہیں۔

• بتائیں کیا نہیں بدلنا۔ "لے آؤٹ اور رنگ رکھو؛ صرف فارم کی توثیق بدلو۔"
• "مکمل" کی تعریف دیں۔ "مکمل کا مطلب ہے کہ نیا رابطہ محفوظ ہو، بورڈ پر دکھے، اور ریفریش کے بعد بھی رہے۔"
• اس سے اپنا کام جانچنے کو کہیں۔ Claude Code میں اس کا مطلب ٹیسٹ چلانا ہے؛ Mythex کے ساتھ لائیو پریویو جانچنا یا براؤزر ٹیسٹ چلانا۔
• جب کوئی تبدیلی سمجھ نہ آئے تو سادہ الفاظ میں وضاحت مانگیں۔ یہ جاننے کا سب سے تیز طریقہ ہے کہ آپ کی ایپ کیا کر رہی ہے۔

ہماری vibe coding پرامپٹس کی چیٹ شیٹ میں 30 پرامپٹس ہیں جو تینوں سیٹ اپس میں کام کرتے ہیں۔

تینوں کے لیے حفاظتی نوٹس

• Claude کی گفتگو میں اصلی API کلیدیں یا پاس ورڈ نہ چسپاں کریں۔ Mythex کے ساتھ secrets پروجیکٹ کی secrets سیٹنگز میں جاتے ہیں، اور Claude ان کے نام دیکھ سکتا ہے، قدریں نہیں۔
• شائع کرنے سے پہلے دیکھیں کون کیا دیکھ سکتا ہے۔ "کیا لاگ اِن صارف کسی دوسرے صارف کا ریکارڈ کھول سکتا ہے؟" پہلا سوال ہے جو پوچھنا چاہیے۔
• حساس کوڈ کا جائزہ لیں۔ Claude ایک قابل کوڈر ہے، لیکن vibe coding کا مطلب ہے کہ آپ ہر سطر نہیں پڑھ رہے، اس لیے وہ سطریں چنیں جو اہم ہوں۔ دیکھیں کیا vibe coding محفوظ ہے؟۔

اگر آپ ChatGPT بھی استعمال کرتے ہیں تو ساتھی گائیڈ ChatGPT اور Codex کے ساتھ vibe coding بیان کرتی ہے۔ اور اگر آپ سیٹ اپ کو مکمل طور پر چھوڑنا چاہتے ہیں تو AI app builder کھولیں اور وہاں اپنی ایپ بیان کریں۔

سوالات