اگر تا حالا ایدهٔ یک وب‌اپ ساده داشته‌اید ولی جلوتر از «اسکچ روی کاغذ» نرفته‌اید، وایب کدینگ دقیقاً برای همین لحظه ساخته شده: شما به زبان خودتان می‌گویید چه می‌خواهید، و ابزار هوش مصنوعی کد را می‌نویسد، اجرا می‌کند و کمک می‌کند باگ را هم درست کنید. در این مقاله به‌جای تعریف کلی، یک پروژهٔ واقعی را از ایده تا انتشار جلو می‌بریم و در هر مرحله ابزار و پرامپت را مشخص می‌کنیم. اگر هنوز با خود مفهوم آشنا نیستید، اول مقالهٔ VibeCoding؛ تهدید یا ابزار کمکی را بخوانید؛ اینجا فقط مسیر عملی است.
آخرین به‌روزرسانی: ۸ آبان ۱۴۰۵ — نام ابزارها، قابلیت‌ها و لینک‌های مستندات از سایت‌های رسمی Lovable، Claude Code و منابع عمومی دربارهٔ Bolt.new در همین تاریخ بررسی شده‌اند. قیمت اشتراک‌ها و اعتبارها تغییر می‌کنند؛ قبل از خرید صفحهٔ قیمت هر سرویس را چک کنید.
⚡ پاسخ کوتاه
برای نمونهٔ اولیهٔ سریع یک وب‌اپ، از Lovable یا Bolt.new شروع کنید: ایده را به زبان ساده بنویسید، نسخهٔ اول را در مرورگر ببینید، باگ‌ها را با پرامپت‌های کوتاه درست کنید و منتشر کنید. اگر می‌خواهید کد را خودتان نگه دارید و ادامه بدهید، پروژه را به GitHub همگام کنید و با Claude Code یا Cursor روی فایل‌های واقعی کار کنید. برای امنیت کد تولیدشده، حتماً چک‌لیست امنیت کدهای هوش مصنوعی را ببینید.
📑 فهرست مطالب
موضوعی انتخاب کنید که در یک نشست چندساعته تمام‌شدنی باشد؛ نه یک فروشگاه چندفروشنده. پیشنهاد ما برای این آموزش:
این محدوده را در همان پرامپت اول بنویسید. هر چه مرز واضح‌تر باشد، مدل کمتر «از خودش» قابلیت اضافه می‌کند. اگر هدفتان محصول جدی‌تر است، بعد از نمونهٔ اولیه می‌توانید از خدمات طراحی و توسعه وب‌سایت رادینو هم کمک بگیرید؛ وایب کدینگ جایگزین تیم مهندسی نیست، شتاب‌دهندهٔ شروع است.
برای پروژهٔ «یادداشت‌یار» این انتخاب منطقی است:
| ابزار | بهترین برای | نکته |
|---|---|---|
| Lovable | نمونهٔ فول‌استک با ورود و دیتابیس | کد واقعی + همگام‌سازی Git |
| Bolt.new | تکرار سریع UI در مرورگر | محیط WebContainers؛ هزینه با توکن |
| Claude Code / Cursor | ادامه و سخت‌سازی روی کد واقعی | کنترل کامل فایل‌ها و هاست |
| v0 / Canva Code | صفحه و کامپوننت UI | برای بک‌اند کامل کافی نیست؛ کنوا کد را هم ببینید |
در این آموزش مسیر اصلی را با Lovable می‌گیریم (چون ورود و دیتابیس را با یک پرامپت می‌آورد) و در پایان می‌گوییم چطور به Claude Code بروید. برای مقایسهٔ مدل‌های کدنویسی هم بهترین هوش مصنوعی برای برنامه‌نویسی به‌روز است.
حساب رایگان Lovable بسازید (ایمیل، Google، GitHub یا Apple). پروژهٔ تازه باز کنید و پرامپت اول را این‌طور بنویسید (می‌توانید فارسی بدهید؛ برای جزئیات فنی ترکیب فارسی + اصطلاحات انگلیسی معمولاً بهتر جواب می‌دهد):
نمونه پرامپت نسخهٔ اول
یک وب‌اپ به نام «یادداشت‌یار تیم» بساز. نیازها: - ورود و ثبت‌نام با ایمیل (auth آماده) - بعد از ورود، لیست یادداشت‌ها با عنوان، متن کوتاه، برچسب (کار/شخصی/ایده) و تاریخ - افزودن، ویرایش و حذف یادداشت؛ فقط صاحب یادداشت ببیند و ویرایش کند - رابط ساده، راست‌چین و فارسی، موبایل‌فرندلی - دیتابیس و قوانین دسترسی را خودت تنظیم کن خارج از محدوده: پرداخت، چت، اعلان پوش، اپ موبایل نیتیو. اول معماری کوتاه بگو، بعد بساز.
منتظر پیش‌نمایش بمانید. معمولاً چند دقیقه طول می‌کشد تا اسکلت، صفحات و اتصال دیتابیس آماده شود. طبق مستندات Lovable، می‌توانید در حدود ده دقیقه اولین اپ را بسازید و منتشر کنید؛ پروژهٔ ما کمی پیچیده‌تر است و ممکن است چند دور اصلاح بخواهد.
بعد از نسخهٔ اول، یک مشکل در هر پیام بدهید. پرامپت‌های حجیم که هم‌زمان UI و امنیت و اسکیما را عوض می‌کنند، بیشتر خراب می‌کنند تا درست.
اگر خطا در کنسول یا لاگ آمد، همان متن خطا را بدون خلاصه‌سازی بچسبانید. این همان الگوی «ببین، بگو، اجرا کن، کپی کن» است که کارپاتی برای وایب کدینگ توصیف کرده؛ فقط برای چیزی که قرار است واقعی بماند، در پایان کد را مرور کنید. اگر ترجیح می‌دهید روی فایل‌های محلی کار کنید، از همین‌جا به Cursor یا Claude Code سوئیچ کنید.
در Lovable معمولاً دکمهٔ Publish یک آدرس زنده می‌دهد تا بتوانید لینک را برای همکار یا مشتری بفرستید. بعد:
Bolt.new هم مسیر مشابهی دارد: ساخت در مرورگر، دیپلوی یک‌کلیکی، و در پروژه‌های بزرگ‌تر export قبل از اینکه محیط تب مرورگر شلوغ شود. برای آیندهٔ شغل برنامه‌نویسی در این موج، آینده برنامه‌نویسی بدون برنامه‌نویس را هم بخوانید.
برای نمونهٔ اولیه و ابزار داخلی کوچک، بله؛ بسیاری از غیرفنی‌ها با توصیف نیاز به نسخهٔ قابل‌نمایش می‌رسند. برای محصولی که دادهٔ واقعی کاربران دارد، حداقل باید بتوانید خروجی را تست کنید و از کسی بخواهید امنیت و معماری را مرور کند.
بستگی به هدف دارد: Lovable برای نمونهٔ فول‌استک سریع، Bolt برای تکرار زنده در مرورگر، Claude Code/Cursor برای کدی که نگه می‌دارید. ترکیب رایج ۱۴۰۵ این است: نمونه در Lovable یا Bolt، تولید در Claude Code.
خود پلتفرم‌های وایب کدینگ معمولاً Publish داخلی دارند. بعد از Git sync می‌توانید روی Vercel، Netlify، Cloudflare یا سرور خودتان دیپلوی کنید. دامنهٔ اختصاصی را جدا بخرید و وصل کنید.
لزوماً نه. گزارش‌ها و پژوهش‌ها نشان داده‌اند کد تولیدشده با LLM می‌تواند باگ منطقی و حفرهٔ امنیتی بیشتری داشته باشد. قبل از دادهٔ واقعی، احراز هویت، قوانین دسترسی و کلیدها را بررسی کنید و از راهنمای امنیت کدهای تولیدشده با هوش مصنوعی استفاده کنید.
همه منابع در تاریخ ۸ آبان ۱۴۰۵ بررسی شده‌اند.
ابزارهای هوش مصنوعی حالا بخش بزرگی از کد را مینویسند. Veracode در گزارش ۲۰۲۶ خود میگوید در تیمهایی که از …
چند سال پیش هوش مصنوعی در برنامه‌نویسی یعنی تکمیل خودکار یک خط کد. امروز ایجنتهایی داریم که یک باگ را …
برنامه‌نویسی در سالهای اخیر به یکی از مطمئنترین مسیرهای مهاجرت کاری تبدیل شده است. شرکتهای فناوری در کشورهای مختلف با …
چند سال پیش اگر کسی میگفت روزی میرسد که بدون نوشتن حتی یک خط کد بتوانید اپلیکیشن بسازید، بسیاری از …
نظرات 0
برای ارسال نظر وارد حساب کاربری شوید.
هنوز نظری ثبت نشده؛ اولین نفر باشید.