Mowgli: بوم طراحی با هوش مصنوعی برای کل اپلیکیشن
هوش مصنوعی
فرانتاندخلاصهٔ کامل‌تر
Mowgli یه بوم طراحی با هوش مصنوعیه برای اپ‌های موبایل، وب و دسکتاپ. فرقش با ابزارهایی که فقط یه صفحه می‌سازن اینه که کل محصول رو یه جا نگه می‌داره: flowها، مسیر کاربر و طراحی همهٔ صفحه‌ها. سازنده‌ها می‌گن ابزار spec-driven هست، یعنی پشت صحنه یه سند مشخصات محصول می‌نویسه و همیشه با طراحی همگامش نگه می‌داره.
شروع کار دو راه داره. یا ایده‌ت رو توضیح می‌دی و یه پرسشنامه برای مشخص کردن دامنهٔ محصول جواب می‌دی، یا چیزی که داری رو میاری: یه فایل Figma، یا ایجنت کدنویسی‌ت رو وصل می‌کنی تا صفحه‌های محصول فعلی رو از کد بخونه و بفرسته. اگه از صفر شروع کنی، قبل از طراحی کامل یه moodboard با بیشتر از ۱۶ سبک بصری مختلف می‌گیری که می‌تونی ترکیبشون کنی یا رفرنس خودت رو آپلود کنی.
بعد Mowgli کل محصول رو نقشه‌کشی می‌کنه و برای هر صفحه طراحی با کیفیت بالا می‌سازه، اونم برای همهٔ حالت‌ها و نه فقط happy path (یعنی مسیری که همه‌چیز درست پیش می‌ره). تغییرات رو با چت انجام می‌دی: یه المان رو انتخاب می‌کنی و می‌گی چی عوض بشه. با جابه‌جایی بین موبایل و دسکتاپ هم طراحی برای پلتفرم جدید از اول بازطراحی میشه. برای تیم‌ها همکاری همزمان هم داره.
برای تحویل، ایجنت‌هایی مثل Claude Code، Codex، Cursor یا هر اپی که MCP (یعنی پروتکلی که ایجنت‌ها باهاش به ابزارهای بیرونی وصل می‌شن) رو پشتیبانی کنه، می‌تونن طراحی‌ها رو مستقیم تو کدبیس بیارن و دوطرفه همگام نگه دارن. اگه تحویل دستی بخوای، خروجی Figma یا کد React با Tailwind می‌گیری و هر خروجی spec کامل و استایل دقیق رو همراهش داره.
تو صفحه چند نمونه پروژه هم هست، مثل یه نسخهٔ سبک از Datadog و یه UI Kit برای iOS که از Figma import شده. چند مدیر شرکت هم تو نظراتشون به لایهٔ scoping محصول و رعایت design system برند اشاره کردن، ولی اینا نظر کاربران روی صفحهٔ تبلیغاتی خود محصوله.
نکات کلیدی:
- برای اپ‌های موبایل، وب و دسکتاپ طراحی همهٔ صفحه‌ها و حالت‌ها رو می‌سازه
- پشت صحنه یه spec از محصول می‌نویسه و با طراحی همگامش نگه می‌داره
- moodboard با بیشتر از ۱۶ سبک بصری قبل از طراحی کامل
- import از Figma یا مستقیم از کد از طریق ایجنت کدنویسی
- خروجی به Figma، کد React با Tailwind، یا همگام‌سازی دوطرفه با MCP
- با Claude Code، Codex، Cursor و Antigravity یکپارچه میشه
