Introduction

چند روز پیش، اعداد بنچمارک پروژه OpenDesign در فیدهای توسعه‌دهندگان ظاهر شد. این مدل با اجرای DeepSeek V4.1 Flash که به تازگی پیش‌نمایش آن ارائه شده است در برابر سوئت ارزیابی خودکار UI، امتیاز ۸۱.۲ از ۱۰۰ را در تولید رابط کاربری روزمره کسب کرد. این میزان با ۹۸ درصد امتیاز تعیین شده توسط GPT-6 Astra (۸۲.۷) برابری می‌کند و از Claude Fable 5.1 (۸۰.۳) پیشی می‌گیرد.

تفاوت عملی در صورت‌حساب نهفته است. اجرای DeepSeek ۵.۳ دقیقه طول کشید و ۰.۰۲۳ دلار در API tokenها هزینه ایجاد کرد. مدل Astra به ۱۱.۱ دقیقه نیاز داشت و ۱.۶۱ دلار هزینه داشت. مدل Fable زمان ۱۲.۸ دقیقه را ثبت کرد و ۳.۶۶ دلار هزینه داشت. از ۱۳ مدل ارزیابی‌شده، ۱۱ مدل امتیازی کمتر از DeepSeek کسب کردند در حالی که تا ۱۵۰ برابر بیشتر به ازای هر وظیفه تکمیل‌شده هزینه دریافت می‌کردند.

برای هرکسی که ابزارهای توسعه‌دهنده را با بودجه ماهانه محدود بوت‌استرپ می‌کند، این اعداد نیازمند توجه هستند. مدل‌های بسته frontier طی سال گذشته انحصار تقریباً کاملی بر تولید فرانت‌اند داشته‌اند. هنگامی که یک مدل open-weight در حال اجرا روی تراشه‌های ارزان قیمت، HTML، CSS و استیت کامپوننت آماده برای پروداکشن را با دو سنت تولید می‌کند، محاسبات پایه برای عرضه نرم‌افزار بلافاصله تغییر می‌کند.

اعداد پشت بنچمارک OpenDesign Arena

ارزیابی OpenDesign Arena تعداد ۱۳ مدل را روی promptهای یکسان ساخت رابط کاربری تست کرد. تیم ارزیابی به جای تست منطق انتزاعی یا پازل‌های برنامه‌نویسی رقابتی، promptها را از جلسات کاربری واقعی در فضای کاری طراحی open-source خود استخراج کردند. توسعه‌دهندگان nexu-io/open-design یک تست‌هنس headless را راه‌اندازی کردند که هر مدل را در پنج سناریوی کاربردی خاص ارزیابی می‌کند: وب‌اپلیکیشن‌ها، اپلیکیشن‌های موبایل، نرم‌افزارهای دسکتاپ، داشبوردها و وب‌سایت‌های مارکتینگ.

رتبه‌بندی کلی، DeepSeek V4.1 Flash را از نظر کیفیت در رتبه دوم قرار می‌دهد و تنها ۱.۵ امتیاز از GPT-6 Astra عقب‌تر است. هنگام ایجاد تعادل بین کیفیت، هزینه و latency، الگوریتم آرنا V4.1 Flash را با شاخص تجمیعی ۷۸.۸ به عنوان گزینه برتر کلی رتبه‌بندی می‌کند. مدل DeepSeek V4 Flash در جایگاه ۶۸.۶، GPT-5.6 Sol در رتبه ۶۵.۷، Gemini 3.8 Flash در رتبه ۶۴.۷ و Claude Fable 5.1 به دلیل هزینه بالا و latency تولید به ۵۲.۱ نزول می‌کند.

صفحه فرود OpenDesign Arena یک کارت ارزیابی عملکرد برای DeepSeek V4.1 Flash نمایش می‌دهد که کیفیت طراحی آن را با انندپوینتهای تجاری رقیب مقایسه می‌کند:

کارت ارزیابی عملکرد صفحه فرود OpenDesign Arena
کارت ارزیابی عملکرد صفحه فرود OpenDesign Arena

تفاوت بین نسل‌های مختلف مدل‌ها هنگام بررسی خروجی‌های خام آشکار می‌شود. مدل DeepSeek V4.1 Flash میانگین امتیاز تحقق نیازمندی‌ها معادل ۲۸.۴ از ۳۰ را ثبت کرد و هم GPT-6 Astra با امتیاز ۲۶.۵ و هم Claude Fable 5.1 با امتیاز ۲۷.۱ را پشت سر گذاشت. در زمینه زیبایی‌شناسی بصری خام و کیفیت طراحی، Astra با امتیاز ۵۶.۲ از ۷۰ در مقایسه با امتیاز ۵۲.۸ برای DeepSeek، پیشتاز باقی مانده است. این مدل با تطبیق دادن نزدیک به ۹۸ درصد از امتیاز بصری خام Astra و در عین حال فعالیت با حدود ۱.۴ درصد از هزینه‌های مالی، واقعیت اقتصادی کاملاً متفاوتی را برای وظایف تولید فرانت‌اند فهرست‌شده در پلتفرم رسمی OpenDesign رقم می‌زند.

زمان صرف‌شده روایت جذابی برای جریان کار روزمره ارائه می‌دهد. مدل DeepSeek اجرای خود را به طور متوسط در ۵.۳ دقیقه به پایان رساند. مدل Astra به ۱۱.۱ دقیقه نیاز داشت و Claude Fable 5.1 زمان طولانی ۱۲.۸ دقیقه را ثبت کرد. وقتی یک مهندس در ترمینال نشسته و منتظر است تا یک agent یک پروتوتایپ را پیش‌نویس کند، تفاوت شش‌دقیقه‌ای تعیین می‌کند که آیا تمرکز خود را حفظ می‌کنید یا حواستان به شبکه‌های اجتماعی پرت می‌شود.

Tیم OpenDesign این متریک‌های اصلی را در افشاگری عمومی اولیه خود خلاصه کردند:

Loading tweet...

اعضای جامعه کاربری که فضای کاری را تست کرده بودند، بر افزایش سرعت تأکید کردند. در یک ترد ارزیابی فعال در Reddit's r/SideProject، کاربران اولیه اشاره کردند که مدل‌های سبک‌وزن در مقایسه با گزینه‌های سنگین اختصاصی چقدر سریع‌تر layoutهای کاربردی را بازمی‌گردانند. برای تیم‌هایی که در هر صبح ده نسخه مختلف را پروتوتایپ می‌کنند، صرفه‌جویی شش دقیقه در هر حلقه تولید در طول یک اسپرینت کامل انباشته می‌شود. توسعه‌دهندگان به جای تلف کردن ساعت‌ها انتظار برای مدل‌های frontier جهت حل tokenهای layout، می‌توانند چندین برنچ رابط کاربری را به‌طور همزمان اجرا کرده و در زمان واقعی روی تغییرات ساختاری بدون مواجهه با محدودیت API یا وقفه در جریان کار، iteration انجام دهند.

چگونگی سنجش کیفیت رابط کاربری توسط بنچمارک بدون داوران انسانی

بنچمارک‌های خودکار UI معمولاً شکست می‌خورند زیرا کیفیت بصری ذهنی به نظر می‌رسد. فریم‌ورک تست OpenDesign برای جلوگیری از اتکا به رأی‌گیری‌های انسانی دلخواه یا تعداد تگ‌های سطحی HTML، ارزیابی را به مراحل مکانیکی سخت‌گیرانه‌ای تقسیم می‌کند. ابتدا، تست‌هنس یک بررسی رانتاین را اجرا می‌کند. کد تولیدشده مستقیماً در یک نمونه headless از Chromium بارگذاری می‌شود. اگر آرتِفکت نمای نمایشی خالی، ایمپورت‌های خراب، بلاک‌های markdown رندر نشده، یا استثناهای جاوا اسکریپت کنترل‌نشده در کنسول نشان دهد، اجرا بلافاصله نمره صفر دریافت می‌کند. این مجموعه تکرار مجدد یا اصلاح سینتکس‌های از دست‌رفته را مجاز نمی‌داند.

آرتِفکت‌هایی که از مرحله اجرا جان سالم به در می‌برند با یک خط‌کش ۱۰۰ امتیازی ارزیابی می‌شوند. تحقق نیازمندی‌ها ۳۰ امتیاز دارد. سیستم درخت‌های DOM را برای تأیید کامپوننت‌های خاص درخواست‌شده در بریف بررسی می‌کند: استیت‌های مدال تعاملی، بایندینگ‌های اعتبارسنجی فرم، مرتب‌سازی ستون‌های جدول و کانتینرهای ریسپانسیو layout. ۷۰ امتیاز باقی‌مانده ساختار طراحی را در پنج دسته شامل هرم layout، هارمونی رنگ، نسبت‌های کنتراست قابل دسترس، انطباق کامپوننت و انطباق ریسپانسیو در breakpoints موبایل و دسکتاپ اندازه‌گیری می‌کند. بررسی‌های خودکار تفاوت‌های لومینانس رنگ را برای اعمال استانداردهای سخت‌گیرانه کنتراست WCAG AA محاسبه می‌کنند، المنت‌های مطلق همپوشانی‌دار را شناسایی کرده و رفتار layout را در عرض‌های نمایشی ۳۷۵px، ۷۶۸px و ۱۴۴۰px ارزیابی می‌کنند.

Tیم OpenDesign به سؤالات جامعه کاربری در خصوص این فلسفه تست در یک به‌روزرسانی رسمی در اعلامیه X پلتفرم OpenDesign پاسخ دادند:

Loading tweet...

امتیاز ۸۰ یا بالاتر یک آرتِفکت را به عنوان قابل تحویل واجد شرایط می‌کند. در سراسر کاتالوگ تست، DeepSeek V4.1 Flash نرخ تحویل ۵۷.۷ درصدی را حفظ کرد. مدل GPT-6 Astra به ۶۰.۰ درصد رسید، در حالی که Claude Fable 5.1 امتیاز ۵۶.۷ درصد را کسب کرد. مدل open-weight رگرسیون‌های فاجعه‌بار کمتری نسبت به مدل‌های تجاری جاافتاده که ۵۰ برابر بیشتر به ازای هر token هزینه دریافت می‌کنند، تولید کرد.

این فریم‌ورک همچنین همسویی ساختاری را با استفاده از استانداردهای agent مانند کنوانسیون مهارت‌های Anthropic Claude Code پیگیری می‌کند و تضمین می‌کند که آرتِفکت‌های تولیدشده از تفکیک فایل‌های تمیز و مرزهای کامپوننت مالودار پیروی کنند.

OpenDesign برای تجسم نحوه تعادل این ابعاد در سطح بالا، یک مقایسه راداری پنج‌بعدی منتشر کرده است:

مقایسه راداری DeepSeek V4.1 Flash، GPT-6 Astra و Claude Fable 5.1 در پنج بعد ارزیابی
مقایسه راداری DeepSeek V4.1 Flash، GPT-6 Astra و Claude Fable 5.1 در پنج بعد ارزیابی

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

اقتصاد token و اختلاف قیمت ۷۰ برابری

اقتصاد واحد مدل‌های frontier AI مانع واقعی برای استارتاپ‌های بوت‌استرپ‌شده ایجاد می‌کند. اداره یک تیم پنج‌نفره از توسعه‌دهندگان روی ابزارهای کدنویسی agentic با مدل‌های frontier بدون محدودیت می‌تواند ماهانه بیش از پانصد دلار هزینه داشته باشد. هنگامی که agentهای توسعه‌دهنده روی یک رابط کاربری iteration انجام می‌دهند، ابزار در چندین نوبت چرخش می‌کند، فایل‌ها را می‌خواند، دستورات ساخت را اجرا می‌کند، درخت‌های DOM مرورگر را بازرسی می‌کند و کل فایل‌ها را بازنویسی می‌کند.

بر اساس داده‌های بنچمارک، تولید یک پروتوتایپ کامل وب‌اپلیکیشن تکی از طریق Claude Fable 5.1 به طور متوسط ۳.۶۶ تا ۵.۵۵ دلار هزینه دارد. همین وظیفه روی GPT-6 Astra بین ۱.۶۱ تا ۱.۸۷ دلار، روی GPT-5.6 Sol معادل ۰.۵۳۷ دلار و روی DeepSeek V4.1 Flash بین ۰.۰۲۳ تا ۰.۰۳۰ دلار هزینه دارد. شکاف قیمت دو مرتبه بزرگی را در بر می‌گیرد، تفاوتی که توسط مقایسه‌های منتشر شده در پورتال مستندات OpenDesign برجسته شده است.

یک نمودار پراکندگی (scatter plot) که امتیازات کیفیت میانگین را مستقیماً در برابر هزینه مقایسه می‌کند، نحوه واگرایی مدل‌ها را به وضوح نشان می‌دهد:

نمودار پراکندگی کیفیت مدل در برابر هزینه به ازای هر آرتِفکت که مدل‌های frontier را در نقاط قیمت بالا خوشه‌بندی شده نشان می‌دهد
نمودار پراکندگی کیفیت مدل در برابر هزینه به ازای هر آرتِفکت که مدل‌های frontier را در نقاط قیمت بالا خوشه‌بندی شده نشان می‌دهد

مدل DeepSeek با جفت کردن نرخ hit بالای کش با سرعت تولید بالا به این اعداد دست می‌یابد. در تست‌ها، V4.1 Flash نرخ cache hit پیشوند ۸۹.۰ درصدی را حفظ کرد. این مدل ۱.۵ میلیون token ورودی را پردازش کرد در حالی که ۲۹,۰۰۰ token خروجی تولید کرد. مستندات DeepSeek برای هنس agent خود، کش ورودی زمان غیرپیک را ۰.۰۰۳ دلار به ازای هر میلیون token، ورودی کش‌نشده را ۰.۱۵ دلار به ازای هر میلیون و tokenهای خروجی را ۰.۶۰ دلار به ازای هر میلیون ذکر می‌کند.

از آنجایی که prompt caching از محاسبات تکراری در مکالمات چندمرحله‌ای agent جلوگیری می‌کند، گرم نگه داشتن context window کسری از سنت هزینه دارد. اجراهای مستقل، throughput دی‌کدینگ را بین ۳۵۰ و ۴۲۷ token در ثانیه در پاس‌های تولید خام ثبت کردند.

Tیم نگهداری OpenDesign این مزیت هزینه را در طول اجرای مدل‌ها تفکیک کرد:

Loading tweet...

برای یک بنیان‌گذار انفرادی که ده ایده رابط کاربری را در یک بعدازظهر تست می‌کند، هزینه کل بیست و پنج سنت روی DeepSeek بسیار بهتر از پرداخت سی و پنج دلار برای Claude Fable است. این حاشیه سود سرمایه را برای زیرساخت، جذب مشتری یا نام‌های دامنه آزاد می‌کند. در طول یک اسپرینت مهندسی چند هفته‌ای شامل صدها iteration کامپوننت، یک اسکواد محصول چابک می‌تواند صورت‌حساب طراحی سنتزی خود را از صدها دلار به پول خرد کاهش دهد و برای همیشه نحوه رویکرد تیم‌های اولیه به پروتوتایپ‌های تعاملی و آزمایش‌های تحقیقات کاربر را متحول کند.

تفکیک وظایف بین صفحات فرود، وب‌اپلیکیشن‌ها و داشبوردها

امتیازات تجمیعی می‌توانند نقص‌های بحرانی را پنهان کنند. مدلی که توانایی تولید صفحات فرود تمیز را دارد ممکن است هنگام ساخت جداول مدیریتی داده‌محور با مشکل مواجه شود. تیم OpenDesign عملکرد مدل را در پنج قالب رابط کاربری خاص ایزوله کرد و پروفایل‌های رفتاری متمایزی را در هر دسته تولید آشکار ساخت.

در صفحات فرود و وب‌سایت‌های مارکتینگ، DeepSeek V4.1 Flash با کسب امتیاز ۷۹.۳ رتبه چهارم را به خود اختصاص داد و مستقیماً بالاتر از GPT-6 Astra قرار گرفت. این مدل تایپوگرافی هیرو، چینش‌های flexbox، بخش‌های call-to-action ریسپانسیو و مکان‌یابی آیکون SVG را بدون رانش بصری مدیریت کرد. در پروتوتایپ‌های نرم‌افزار دسکتاپ، با امتیاز ۸۴.۴ رتبه سوم مشترک را کسب کرد. در رابط‌های کاربری موبایل، با امتیاز ۸۲.۵ در رتبه پنجم قرار گرفت و به‌خوبی اهداف لمسی، کشوی sheet و نوارهای ناوبری دوستدار انگشت شست را مدیریت کرد.

زمانی که به داشبوردهای داده پیچیده و پنل‌های ادمین نگاه می‌کنید، این تفکیک تغییر می‌کند. DeepSeek با امتیاز ۷۶.۱ به رتبه دهم نزول کرد. این مدل با چینش‌های گرید داده پیچیده، نوارهای کناری کوئری چندفیلتره و ویجت‌های تجسم داده تو در تو دست‌وپنجه نرم کرد. مدل‌هایی مانند GPT-6 Astra در جداول متراکم و اطلاعات‌محور که استدلال فضایی اهمیت بیشتری از استعداد استایل‌دهی دارد، عملکرد بسیار بهتری داشتند.

Tیم نگهداری این تفکیک دسته‌بندی را در تحلیل تفکیک وظایف خود برجسته کردند:

Loading tweet...

یک نمای مقایسه‌ای از رتبه‌بندی صفحات فرود و رتبه‌بندی داشبوردها این واگرایی را به وضوح نشان می‌دهد:

داشبوردی که رتبه‌بندی‌های مقایسه‌ای برای صفحات فرود و رابط‌های کاربری مدیریتی را نشان می‌دهد
داشبوردی که رتبه‌بندی‌های مقایسه‌ای برای صفحات فرود و رابط‌های کاربری مدیریتی را نشان می‌دهد

بررسی گالری پروتوتایپ استودیو پروژه نشان می‌دهد که مدل چقدر خوب جریان‌های مصرف‌کننده را مدیریت می‌کند. برعکس، بررسی نمونه‌های داشبورد زنده پیچیده نشان می‌دهد که چرا منطق فضایی همچنان نیازمند نظارت دقیق است. هنگام ساخت مطالب مارکتینگ و فرآیندهای ثبت‌نام مشتری در اپلیکیشن OpenDesign، معماری‌های flash سبک‌وزن برتری دارند زیرا استایل‌دهی بصری از الگوهای کامپوننت قابل پیش‌بینی پیروی می‌کند. در مقابل، داشبوردهای سازمانی پیچیده نیازمند چینش‌های جدول رابطه‌ای، متریک‌های وضعیت تو در تو و فیلترهای ریسپانسیو پیچیده هستند که در آن‌ها معماری‌های frontier سنگین‌وزن از نظر استدلال مزیت خود را حفظ می‌کنند. دانستن اینکه یک مدل در کجا با مشکل مواجه می‌شود به شما می‌گوید چگونه وظایف را در پایپ‌لاین خود مسیریابی کنید. از DeepSeek V4.1 Flash برای عبور سریع از صفحات اپلیکیشن‌های مصرف‌کننده، قیف‌های مارکتینگ و نماهای موبایل استفاده کنید. وقتی به یک رابط کاربری آنالیتیکس سازمانی با بیست استیت نمودار نیاز دارید، کار را به مدلی با ساختار فضایی قوی‌تر مسیریابی کنید.

واقعیت مهندسی اجرای وزن‌های باز در یک پشتیبان محلی

بیشتر بحث‌ها مدل‌ها را به عنوان جایگزین‌های abstract بدون درز در نظر می‌گیرند. در پروداکشن، کلاینت ارکستراسیون شما به اندازه وزنه‌های مدل اهمیت دارد. ریپازیتوری رسمی nexu-io/open-design همان‌طور که در اعلامیه نقطه عطف آن‌ها ذکر شده، ظرف ۱۱۶ روز از ۹۰,۰۰۰ ستاره گیت‌هاب عبور کرد که نشان‌دهنده تقاضای قوی برای ابزارهای توسعه‌دهنده محلی و قابل کنترل است که از وابستگی به فروشندگان ابری اختصاصی جلوگیری می‌کنند.

Platfor Platform OpenDesign به عنوان یک اپلیکیشن دسکتاپ محلی‌محور با یک Node daemon یکپارچه عمل می‌کند و مستقیماً به CLIهای agent کدنویسی محلی متصل می‌شود. اجرای DeepSeek V4.1 Flash نیازمند پیکربندی دقیق کلاینت است. اگر هنس شما پیشوندهای prompt caching را اشتباه مدیریت کند یا تلاش استدلال را برای عملیات پایه روی حالت بالا قفل کند، سرعت تولید شما کاهش می‌یابد و هزینه‌ها چند برابر می‌شوند. این اکوسیستم با یکپارچه‌سازی رسمی دایرکتوری افزونه Codex بیشتر گسترش یافت و یک بوم بصری بیدرنگ را مستقیماً به محیط‌های محبوب توسعه‌دهندگان آورد.

مستندات OpenDesign سازگاری گسترده را در سراسر ابزارهای خط فرمان agent محلی ترسیم می‌کند:

مستندات ریپازیتوری OpenDesign که CLIهای agent کدنویسی محلی پشتیبانی‌شده را نشان می‌دهد
مستندات ریپازیتوری OpenDesign که CLIهای agent کدنویسی محلی پشتیبانی‌شده را نشان می‌دهد

عامل حیاتی دیگر بهداشت کش است. اگر agent شما تمپ‌استمپ‌های پویا یا شناسه‌های درخواست تصادفی را به پیشوند prompt تزریق کند، کش کلید-مقدار در سمت ارائه‌دهنده را از بین می‌برید. وقتی کش کار می‌کند، tokenهای ورودی کسری از سنت هزینه دارند. وقتی کش miss می‌شود، قیمت پنجاه برابر افزایش می‌یابد. نگه داشتن promptهای سیستم، دستورالعمل‌های برند و تعاریف ابزار مشترک در راس بافر context است که اجرای شما را روی چند سنت نگه می‌دارد.

منتقد فنی WorldofAI روند راه‌اندازی را توضیح داد و مولد کامپوننت زنده را در حال عمل به نمایش گذاشت:

پشتیبان‌های اجرای محلی به توسعه‌دهندگان اجازه می‌دهند از اشتراک‌های frontier بدون محدودیت که به‌طور منظم از ۲۰۰ دلار به ازای هر صندلی در ماه فراتر می‌روند، اجتناب کنند. توسعه‌دهندگان مستقل با جفت کردن ارکستراتورهای open-source با اندپوینتهای اینفرنس کم‌هزینه می‌توانند نرم‌افزار پروداکشن بسازند بدون اینکه متحمل سربار سازمانی شوند. علاوه بر این، حفظ استیت محلی تضمین می‌کند که دارایی‌های برند اختصاصی، وایرفریم‌های منتشرنشده مشتری و tokenهای طراحی داخلی کاملاً روی ماشین فیزیکی توسعه‌دهنده باقی بمانند تا اینکه به سیستم‌های ذخیره‌سازی خارجی اختصاصی استریم شوند.