Vibe Coding با Claude: چت Claude، Claude Code و ساخت از داخل Claude
vibe coding با Claude به سه روش انجام می‌شود. چت Claude اپ‌های کوچک تک‌صفحه‌ای را مستقیم در گفتگو می‌سازد. Claude Code عاملی است که یک پروژه واقعی را روی دستگاه شما یا در ابر ویرایش می‌کند و برای کسانی مناسب است که با کدبیس راحت هستند. و Claude به‌همراه یک app builder از طریق MCP به شما اجازه می‌دهد یک اپ کامل full-stack با پایگاه داده را بسازید، پیش‌نمایش کنید و منتشر کنید، بدون خارج شدن از گفتگوی Claude. کدام روش مناسب است به چیزی که می‌سازید و میزان راه‌اندازی‌ای که می‌خواهید خودتان مدیریت کنید بستگی دارد.
این راهنما هر سه روش را با پرامپت‌ها و محدودیت‌های هر کدام پوشش می‌دهد. برای ایده پشت همه اینها، vibe coding چیست را ببینید.
گزینه ۱: چت Claude برای ابزارهای کوچک
در برنامه معمولی Claude می‌توانید چیزی تعاملی بخواهید و Claude آن را به‌صورت کدی بنویسد که کنار گفتگو اجرا می‌شود: یک ماشین‌حساب، یک تمرین فلش‌کارت، یک بازی کوچک، یا نموداری از داده‌ای که جایگذاری می‌کنید. با پاسخ دادن به آن، تغییرش می‌دهید.
یک پرامپت خوب اینجا خودکفاست:
یک ابزار تعاملی بساز که در آن فهرستی از هزینه‌ها را جایگذاری می‌کنم (هر خط یکی، به شکل «مبلغ، دسته‌بندی») و یک نمودار دایره‌ای بر اساس دسته‌بندی و جمع کل را نشان می‌دهد. یک فهرست نمونه هم اضافه کن تا بلافاصله کار کند.
مناسب برای: ابزارهای سریع تک‌صفحه‌ای که خودتان استفاده می‌کنید یا به‌صورت لینک به اشتراک می‌گذارید، و یادگیری، چون می‌توانید از Claude بخواهید هر بخش را توضیح دهد.
جایی که متوقف می‌شود: اینها داخل محیط Claude اجرا می‌شوند. پایگاه داده پایدار از خودتان، حساب کاربری، دامنه اختصاصی یا جایی برای اجرای سرور وجود ندارد. وقتی یک ایده از یک صفحه بزرگ‌تر شود، به یکی از دو گزینه بعدی نیاز دارید.
گزینه ۲: Claude Code برای یک کدبیس واقعی
Claude Code عامل برنامه‌نویسی Anthropic است. در ترمینال، در ویرایشگرهایی مثل VS Code و JetBrains، در یک برنامه دسکتاپ و روی وب کار می‌کند. وظیفه‌ای را با زبان ساده به آن می‌دهید، و پروژه شما را می‌خواند، فایل‌ها را ویرایش می‌کند، دستورها و تست‌ها را اجرا می‌کند و آنچه تغییر کرده را نشان می‌دهد. در زمان نوشتن این متن، با پلن‌های پولی Claude همراه است و از طریق API هم در دسترس است؛ برای پلن‌های فعلی سایت Anthropic را ببینید.
یک جلسه معمول vibe coding این‌طور است:
یک صفحه /bookings اضافه کن که رزروهای کاربر فعلی را از جدیدترین به قدیمی‌ترین فهرست کند، با یک دکمه لغو که دو ساعت قبل از کلاس غیرفعال شود. از کمک ورود موجود استفاده کن. وقتی تمام شد تست‌ها را اجرا کن.
مناسب برای: توسعه‌دهندگان و بنیان‌گذاران فنی که از قبل پروژه دارند، می‌خواهند کنترل کامل پشته را داشته باشند و خوشحالند که خودشان اجرا و استقرارش کنند. در تغییرات چندفایلی و پیروی از قراردادهای موجود در یک کدبیس خوب عمل می‌کند.
جایی که کار بیشتری می‌برد: به یک محیط توسعه نیاز دارید، و Claude Code هیچ‌چیز را میزبانی نمی‌کند. پایگاه داده، secrets، استقرار و دامنه‌ها با شماست. برای مقایسه با ابزارهای توسعه‌دهنده دیگر، Cursor در برابر Windsurf در برابر Claude Code را ببینید.
عادت‌های خوب با Claude Code
- قبل از تغییرات بزرگ برنامه بخواهید. «قدم‌ها و فایل‌هایی را که لمس می‌کنی فهرست کن، بعد منتظر بمان.»
- یک فایل یادداشت پروژه نگه دارید. Claude Code یک فایل حافظه پروژه (CLAUDE.md) را برای قراردادها می‌خواند، پس لازم نیست آنها را هر بار تکرار کنید.
- دیف را بازبینی کنید. حتی وقتی vibe coding می‌کنید، آنچه در بخش‌های حساس تغییر کرده را مرور کنید: احراز هویت، پرداخت، هر چیزی با داده کاربر.
- اغلب commit کنید. commitهای کوچک، برگرداندن یک قدم بد را ساده می‌کند.
گزینه ۳: ساخت و انتشار از Claude با Mythex
اگر Claude را دوست دارید اما در پایان یک اپ واقعی می‌خواهید، شامل پایگاه داده، ورود کاربر، ذخیره‌سازی فایل و یک آدرس عمومی، می‌توانید Claude را از طریق MCP، پروتکلی که به Claude اجازه می‌دهد از ابزارهای میزبانی‌شده جای دیگر استفاده کند، به یک AI app builder وصل کنید. (MCP چیست را به زبان ساده توضیح می‌دهد.)
Mythex یک سرور MCP اجرا می‌کند. وقتی وصل شد، Claude می‌تواند یک پروژه Mythex بسازد، کد را در یک sandbox ابری خصوصی بنویسد، یک پیش‌نمایش زنده راه بیندازد، یک پایگاه داده و ذخیره‌سازی فایل اضافه کند و اپ را منتشر کند. هر نتیجه شامل لینکی است تا پروژه را زنده در Mythex تماشا کنید.
نحوه اتصال
- در Mythex، Account settings را باز کنید و آدرس MCP را کپی کنید:
https://mcp.mythex.ai/mcp. - در Claude به Settings ← Connectors ← Add custom connector بروید، آدرس را بچسبانید و Connect را بزنید.
- یک صفحه Mythex باز می‌شود. در صورت نیاز وارد شوید و Allow access را انتخاب کنید. هیچ کلید API برای کپی کردن وجود ندارد.
- به Claude برگردید و آنچه می‌خواهید را بخواهید.
هر کسی در هر پلنی می‌تواند وصل شود؛ ابزارهای sandbox به Mythex Pro ($25 در ماه) نیاز دارند. مصرف Claude روی پلن Claude شما می‌ماند، و زمان sandbox، پیش‌نمایش‌ها و میزبانی از اعتبارهای Mythex شما تأمین می‌شوند. راهنمای کامل در ساخت اپ‌های Mythex از Claude، Cursor یا Codex آمده است.
یک پرامپت اول برای امتحان
با Mythex یک پروژه جدید بساز: یک CRM ساده برای استودیو طراحی کوچک من. مخاطبین با نام، شرکت، ایمیل، تلفن، مرحله (سرنخ، فعال، قبلی) و یادداشت. یک نمای تابلویی بر اساس مرحله که بتوانم مخاطبین را بین ستون‌ها بکشم، و یک جعبه جستجو. یک پایگاه داده اضافه کن تا داده بماند، و ورود تا فقط من بتوانم ببینم. پیش‌نمایش را راه بینداز و وقتی آماده شد لینک را برایم بفرست.
بعد در همان گفتگو، یک تغییر در هر بار:
در پروژه Mythex، یک تاریخ «پیگیری بعدی» به مخاطبین اضافه کن و در صفحه اصلی فهرستی از پیگیری‌های همین هفته نشان بده. در پیش‌نمایش بررسی کن.
CRM را منتشر کن و آدرس زنده‌اش را بده.
مناسب برای: کسانی که بهترین فکرشان را در Claude می‌کنند و می‌خواهند نتیجه میزبانی‌شده با پایگاه داده باشد، بدون راه‌اندازی سرور. می‌توانید هم جابه‌جا شوید: در Claude شروع کنید و در چت Mythex ادامه دهید، یا برعکس، چون پروژه یکی است.
کدام را باید استفاده کنید؟
| می‌خواهید… | استفاده کنید |
|---|---|
| یک ماشین‌حساب، نمودار یا بازی سریع برای خودتان بسازید | چت Claude |
| یک کدبیس موجودی که خودتان اجرا می‌کنید را تغییر دهید | Claude Code |
| یک اپ کامل با پایگاه داده و ورود از یک گفتگوی Claude بسازید | Claude + Mythex از طریق MCP |
| همان را بدون هیچ تنظیم دستیاری بسازید | مستقیماً چت Mythex |
| هوش مصنوعی Claude را به ویژگی‌های اپ خودتان اضافه کنید | Claude API: چطور Claude API را یکپارچه کنیم را ببینید |
نکات پرامپت‌نویسی که با Claude بیشتر اهمیت دارند
Claude دستورهای دقیق را با جزئیات دنبال می‌کند، و این دو طرف دارد.
- بگویید چه چیزی را نباید تغییر دهد. «چیدمان و رنگ‌ها را نگه دار؛ فقط اعتبارسنجی فرم را عوض کن.»
- تعریف «تمام شد» را بدهید. «تمام‌شدن یعنی یک مخاطب جدید ذخیره شود، روی تابلو ظاهر شود و بعد از رفرش هم بماند.»
- از آن بخواهید کارش را بررسی کند. در Claude Code یعنی اجرای تست‌ها؛ با Mythex یعنی بررسی پیش‌نمایش زنده یا اجرای یک تست مرورگر.
- وقتی یک تغییر را نمی‌فهمید، توضیح ساده بخواهید. سریع‌ترین راه برای یادگیری کاری است که اپتان انجام می‌دهد.
برگه پرامپت‌های vibe coding ما ۳۰ پرامپت دارد که در هر سه روش کار می‌کنند.
نکات ایمنی برای هر سه روش
- کلیدهای API یا رمز عبور واقعی را در گفتگوی Claude نچسبانید. با Mythex، secrets در تنظیمات secrets پروژه قرار می‌گیرند و Claude می‌تواند نام آنها را ببیند، نه مقدارشان.
- قبل از انتشار، بررسی کنید چه کسی به چه چیزی دسترسی دارد. «آیا یک کاربر واردشده می‌تواند رکوردهای کاربر دیگری را باز کند؟» اولین سؤالی است که باید پرسید.
- کد حساس را بازبینی کنید. Claude کدنویس توانمندی است، اما در vibe coding همه خطوط را نمی‌خوانید، پس خطوطی را انتخاب کنید که مهم‌اند. آیا vibe coding امن است؟ را ببینید.
اگر ChatGPT را هم استفاده می‌کنید، راهنمای همراه vibe coding با ChatGPT و Codex را ببینید. و اگر ترجیح می‌دهید کل راه‌اندازی را کنار بگذارید، AI app builder را باز کنید و اپتان را همان‌جا توصیف کنید.
پرسش‌ها
آیا Claude برای vibe coding خوب است؟
بله. Claude به‌طور گسترده برای کدنویسی استفاده می‌شود و تغییرات طولانی و چندمرحله‌ای را خوب انجام می‌دهد. محصول Claude که استفاده می‌کنید از مدل مهم‌تر است: چت برای ابزارهای کوچک تک‌صفحه‌ای مناسب است، Claude Code برای توسعه‌دهندگانی که پروژه‌ای روی دستگاه خود دارند، و یک app builder که از طریق MCP وصل شده برای کسانی که میزبانی و پایگاه داده می‌خواهند بدون اینکه خودشان راه‌اندازی کنند.
آیا Claude می‌تواند یک اپ کامل بسازد و منتشر کند؟
به‌تنهایی، چت Claude اپ‌های کوچکی می‌سازد که داخل خود گفتگو اجرا می‌شوند، و Claude Code کدی را ویرایش می‌کند که بعد خودتان باید اجرا و مستقر کنید. برای رفتن از یک گفتگوی Claude به یک اپ منتشرشده با پایگاه داده، یک app builder را با سرور MCP وصل کنید. با Mythex، Claude در یک sandbox ابری می‌سازد، پیش‌نمایش زنده نشان می‌دهد و روی یک آدرس منتشر می‌کند.
چطور Mythex را به Claude وصل کنم؟
آدرس MCP را از تنظیمات حساب Mythex کپی کنید (https://mcp.mythex.ai/mcp)، بعد در Claude به Settings، Connectors، Add custom connector بروید، آدرس را بچسبانید و Connect را بزنید. دسترسی را در صفحه Mythex که باز می‌شود تأیید کنید. هر کسی می‌تواند وصل شود؛ ابزارهای sandbox به حساب Mythex Pro نیاز دارند.
آیا باید هم برای Claude و هم برای Mythex پول بدهم؟
وقتی Claude، Mythex را هدایت می‌کند، مصرف Claude را Anthropic طبق پلن Claude شما صورتحساب می‌کند، و زمان sandbox، پیش‌نمایش‌ها و میزبانی از اعتبارهای Mythex شما تأمین می‌شوند. اگر ترجیح می‌دهید یک صورتحساب داشته باشید، می‌توانید مستقیماً در چت Mythex بسازید.
تفاوت Claude Code با یک AI app builder چیست؟
Claude Code عاملی است که روی یک کدبیس موجود شما کار می‌کند، در ترمینال، ویرایشگر، برنامه دسکتاپ یا مرورگرتان، و اجرا، میزبانی و استقرار را خودتان انجام می‌دهید. یک AI app builder کد را برایتان اجرا می‌کند، پایگاه داده اضافه می‌کند و منتشر می‌کند. توسعه‌دهندگان اغلب از هر دو استفاده می‌کنند.