بازگشت به پکیج‌ها
عمومی · Expo + Supabase + Claude Code

ساخت اپ موبایل با AI

از ایده تا اپِ منتشرشده روی گوشی. روی پروژه‌ی واقعیِ خودتان، قدم‌به‌قدم، با هوش مصنوعی.

سرمایه‌گذاری
۱٬۶۰۰دلار · خصوصی
یا ۷۲۰ دلار به‌صورت گروهی (۴ تا ۶ نفر)
۸ جلسه‌ی ۹۰ دقیقه‌ای · روی پروژه‌ی خودتان
رزرو جایگاه مشاوره‌ی رایگان

ضمانت: تا جلسه‌ی دوم راضی نبودید، کلِ مبلغ برمی‌گردد.

اشتراک Claude (از ماهی ۲۰ دلار) جداست.

برای چه کسی؟

کسی که ایده‌ای دارد و می‌خواهد یک اپِ موبایلِ واقعی بسازد و منتشر کند.

چه چیزی یاد می‌گیرید؟

از PRD و یوزرفلو تا کد، دیتابیس، لاگین، اتصالِ سرویس و انتشار.

پیش‌نیاز؟

یک لپ‌تاپ، یک گوشی و یک ایده. بدون نیاز به برنامه‌نویسی.

سرفصل

۸ جلسه تا نتیجه

در پایان هر جلسه، یک خروجیِ مشخص در دست دارید.

۱

از ایده تا نقشه‌ی روشنِ محصول (PRD)

کار را با طوفانِ فکری و ایده‌پردازیِ مشترک بینِ شما (به‌عنوانِ مدیرِ محصول) و Claude آغاز می‌کنیم. یاد می‌گیرید چطور AI را وادار کنید با پرسیدنِ سوال‌های متوالی و هدفمند، ایده‌ی خامتان را چکش‌کاری کند.

جزئیات: به‌جای پرامپت‌های سطحی، از AI می‌خواهیم در قالبِ دسته‌های چندتایی از شما سوال بپرسد. با پاسخ به این سوال‌ها دقیقاً مشخص می‌کنیم چه می‌سازیم و چه نمی‌سازیم.

خروجیِ جلسه: سندِ کاملِ نیازمندی‌های محصول (PRD) آماده است.

۲

مسیرِ کاربر و ساختارِ صفحات

حالا که می‌دانیم دقیقاً چه می‌خواهیم بسازیم، سندِ PRD را به یک معماریِ اطلاعاتیِ دقیق تبدیل می‌کنیم. پیش از هر طراحیِ بصری، نقشه‌ی حرکتِ کاربر را می‌کشیم تا هیچ نقطه‌ی کوری در تجربه‌ی کاربری (UX) نماند.

جزئیات: به‌کمکِ Claude، نقشه‌ی سفرِ کاربر (User Journey) و سایت‌مپ (Sitemap) را استخراج می‌کنیم؛ سپس برای تک‌تکِ صفحات یک دیسکریپشنِ جامع و ساختاریافته می‌نویسد تا منطقِ هر صفحه پیش از طراحی بسته شود.

خروجیِ جلسه: یوزرفلو مشخص است و دیسکریپشنِ کاملِ همه‌ی صفحات تدوین شده.

۳

طراحیِ هویتِ بصری و پیاده‌سازیِ صفحه‌ی اصلی با AI

وقتِ آن است که توضیحاتِ متنی را به یک خروجیِ بصریِ خیره‌کننده تبدیل کنیم. واردِ فیگما می‌شویم و یاد می‌گیریم چطور با پرامپت‌های مهندسی‌شده‌ی Claude و ایجنتِ Nodi، طراحیِ حرفه‌ای انجام دهیم.

جزئیات: ساختِ صفحه‌ی اصلی (Homepage) با تمرکز بر رابطِ کاربریِ تمیز و مینیمال و تایپوگرافیِ مدرن و استاندارد (مثلِ Vazirmatn برای فارسی یا Nunito Sans برای انگلیسی). یاد می‌گیریم المان‌های بی‌کیفیت و ایموجی‌های تولیدشده‌ی AI را با آیکون‌های استانداردِ وکتور (SVG) جایگزین کنیم.

خروجیِ جلسه: اسکرینِ اصلیِ محصول با بالاترین کیفیتِ بصری طراحی شده.

۴

دیزاین‌سیستم و تکمیلِ تمامِ صفحات

یکی از بزرگ‌ترین مشکلاتِ طراحی با هوش مصنوعی، فایل‌های آشفته و غیرقابلِ توسعه است. در این جلسه هویتِ بصری و دیزاین‌سیستمِ پروژه را از پایه با کمکِ AI سازمان می‌دهیم و طراحیِ تمامِ صفحاتِ باقی‌مانده را به اتمام می‌رسانیم.

جزئیات: از ایجنتِ فیگما می‌خواهیم صدها لایه‌ی نامنظم را به‌صورتِ خودکار تغییرِ نام دهد و المان‌های تکراری را به کامپوننت‌های استاندارد (Components) تبدیل کند. رنگ، فونت و اسکرین‌ها را در صفحه‌ای مجزا تحتِ عنوانِ Design System یکپارچه می‌کنیم.

خروجیِ جلسه: تمامِ صفحات طراحی شده‌اند و دیزاین‌سیستم آماده است.

۵

پروتوتایپِ کامل و محیطِ کار (Git)

طراحی‌های استاتیک برای درکِ محصول کافی نیستند. در این گام طرح‌ها را به یک پروتوتایپِ تعاملی و زنده تبدیل می‌کنیم و سپس محیطِ کار و اصولِ گفت‌وگو با AI را برای شروعِ فازِ برنامه‌نویسی می‌چینیم.

جزئیات: گرفتنِ خروجیِ پروتوتایپِ کامل و قابلِ کلیک با کمکِ Claude. در بخشِ دومِ جلسه، مخزنِ Git را ستاپ کرده و محیطِ توسعه‌ی بک‌اند را برای کدهای واقعی آماده می‌کنیم.

خروجیِ جلسه: پروتوتایپِ کاملاً تعاملی تست شده و ابزارها آماده‌اند.

۶

دیتابیس و حساب کاربری

در این مرحله منطقِ محصول را به یک سیستمِ ذخیره‌سازیِ ابری متصل می‌کنیم. دیتابیس و حساب کاربری، قلبِ تپنده‌ی اپلیکیشنِ شما خواهند بود.

جزئیات: پیاده‌سازیِ معماریِ دیتابیس و راه‌اندازیِ سیستمِ احرازِ هویت (Login/Signup) با Supabase. تنظیمِ جداولِ داده بر اساسِ نیازمندی‌هایی که در جلسه‌ی اول (PRD) تدوین کردیم.

خروجیِ جلسه: لاگین و داده فعال است و بک‌اند آماده‌ی ارتباط با اپلیکیشن است.

۷

تبدیلِ طراحی به اپِ واقعی و اتصالِ سرویس‌ها

حالا تمامِ قطعاتِ پازل را به هم وصل می‌کنیم. در این جلسه با Claude Code اپ بالا می‌آید و اتصال به سرویس‌ها و پایداریِ محصول رقم می‌خورد.

جزئیات: کدهای فرانت‌اند را توسعه می‌دهیم و از طریقِ اتصالِ API و تستِ واقعی آن‌ها را به دیتابیس متصل می‌کنیم. منطقِ صفحات، جریان‌های کاری و تعاملاتِ دیتابیس را به‌صورتِ یکپارچه پیاده می‌کنیم.

خروجیِ جلسه: نسخه‌ی اولیه روی گوشی اجرا شده و به یک اپِ پایدار تبدیل می‌شود.

۸

پولیشِ نهایی و انتشار

در ایستگاهِ آخر، محصول را برای ورود به بازار آماده می‌کنیم. پولیشِ نهایی و انتشارِ محصول، تمرکزِ اصلیِ ماست تا اپلیکیشن بی‌نقص به دستِ کاربران برسد.

جزئیات: رفعِ باگ‌های احتمالی، بهینه‌سازیِ پرفورمنس، ساختِ پرسشنامه‌های تستِ کاربری (User Testing Surveys) با کمکِ AI برای دریافتِ بازخورد، و در نهایت دیپلویِ پروژه روی سرورهای واقعی (مثلِ Netlify).

خروجیِ جلسه: محصولِ نهایی منتشر می‌شود. اپِ منتشرشده + سورس‌کد در اختیارِ شماست.

چه چیزی تحویل می‌گیرید؟

یک اپلیکیشنِ موبایلِ منتشرشده
سورس‌کدِ کامل
سند PRD و مستنداتِ محصول
مهارتِ ساختنِ اپِ بعدی

سوالات این دوره

اصلاً کد بلد نیستم، می‌توانم؟ +

بله؛ کدنویسی را هوش مصنوعی انجام می‌دهد، شما هدایتش می‌کنید.

چه نوع اپی می‌توانم بسازم؟ +

فروشگاهی، خدماتی، شخصی و... . سرِ جلسه‌ی اول اسکوپ را مشخص می‌کنیم.

اگر بخواهم حرفه‌ای‌ترش کنم؟ +

تیمِ ما توسعه‌ی بعدی را می‌سازد و هزینه‌ی دوره به‌عنوان اعتبار لحاظ می‌شود.

آماده‌اید شروع کنید؟

برای رزرو جایگاه یا پرسیدنِ سوال‌هایتان، بدون هیچ تعهدی، همین حالا پیام بدهید.

مشاوره و رزرو در واتساپ
۱٬۶۰۰ دلار · خصوصی
رزرو جایگاه