پچھلے کچھ دنوں میں، Deepseek-R1 0528 کو باضابطہ طور پر اوپن سورس کیا گیا ہے۔
LiveCodeBench پر، اس کی کارکردگی تقریباً OpenAI کے o3 (اعلی) کے برابر ہے۔ Aider کے کثیر زبان کے بینچ مارک ٹیسٹ میں، یہ Claude Opus کے خلاف اپنی پوزیشن رکھتا ہے۔
جب اسے آفیشل ویب سائٹ پر لانچ کیا گیا تو ہم نے فوری طور پر اس کی فرنٹ اینڈ صلاحیتوں کا تجربہ کیا اور انہیں غیر معمولی طور پر مضبوط پایا، جس کی وجہ سے اس مضمون میں ٹیسٹ کا احاطہ کیا گیا۔ ہمارا مقصد آپ کے ساتھ مختلف ماڈلز کی مخصوص کارکردگی کا اشتراک کرنا ہے۔
یہ نوٹ کرنا ضروری ہے کہ یہ ٹیسٹ بنیادی طور پر فرنٹ اینڈ صلاحیتوں پر مرکوز ہے، اس لیے مختلف ماڈلز کی کارکردگی کو معروضی طور پر دیکھنا ضروری ہے۔ آپ اپنے ٹیسٹ کروانے اور اپنی بصیرت اور نتائج کا اشتراک کرنے کے لیے ہمارے فراہم کردہ اشارے استعمال کر سکتے ہیں۔
اسی پرامپٹ کا استعمال کرتے ہوئے، ہم نے اسے Claude Opus 4، Sonnet 4، Gemini 2.5 Pro، اور پر بھیجا DeepSeek R1-0528، اور انہیں چھ تیزی سے چیلنج کرنے والے فرنٹ اینڈ ڈیولپمنٹ کاموں میں مقابلہ کرنے پر مجبور کیا۔
ان لوگوں کے لیے جو انتظار نہیں کر سکتے، یہ نتیجہ ہے:
Deepseek-R1-0528 فرنٹ اینڈ صلاحیتوں میں Opus 4 کو قدرے پیچھے کرتا ہے لیکن بہتر کارکردگی کا مظاہرہ کرتا ہے سانیٹ 4 اور جیمنی 2.5 پرو۔
بنیادی طور پر، کوئی بھی کام Opus مکمل کر سکتا ہے، R1 بھی مکمل کر سکتا ہے، اور حتیٰ کہ Opus 4 جو کام بھی مکمل نہیں کر سکتا، R1 ہینڈل کر سکتا ہے، اگرچہ تکمیل کی شرحیں اور نتائج کے معیار قدرے کم ہیں۔
R1 اور دیگر تین کے درمیان قیمت کے فرق کو مدنظر رکھتے ہوئے، یہ کارکردگی پہلے سے ہی بہترین ہے، اور ہم صرف تصور کر سکتے ہیں کہ R2 کتنا متاثر کن ہوگا۔
ٹیسٹ 1: ویئر ہاؤس مینجمنٹ سسٹم
پرامپٹ: براہ کرم درج ذیل تقاضوں کے ساتھ ایک مکمل ویب پر مبنی پروڈکٹ مینجمنٹ ٹول بنانے میں میری مدد کریں:
فنکشنل تقاضے
- پروڈکٹ مینجمنٹ
- مصنوعات کی معلومات کا اندراج: پروڈکٹ کا نام، قسم/زمرہ، SKU نمبر، قیمت، انوینٹری کی مقدار
- پروڈکٹ امیج مینجمنٹ: امیج اپ لوڈ اور پیش نظارہ کی حمایت کریں (فائل سلیکٹر کے ساتھ نقلی)
- مصنوعات کی فہرست ڈسپلے: تلاش اور فلٹر سپورٹ کے ساتھ تمام مصنوعات کو ٹیبل فارمیٹ میں ڈسپلے کریں۔
- پروڈکٹ ایڈیٹنگ: مصنوعات کی معلومات میں ترمیم کی حمایت کریں۔
- مصنوعات کو حذف کرنا: مصنوعات کو حذف کرنے کی حمایت کریں (تصدیق پرامپٹ کے ساتھ)
- انوینٹری مینجمنٹ
- ان باؤنڈ آپریشنز: مصنوعات کی انوینٹری کی مقدار میں اضافہ کریں، ان باؤنڈ وقت اور مقدار کو ریکارڈ کریں۔
- آؤٹ باؤنڈ آپریشنز: مصنوعات کی انوینٹری کی مقدار کو کم کریں، آؤٹ باؤنڈ وقت اور مقدار کو ریکارڈ کریں۔
- انوینٹری ریکارڈز: ہر پروڈکٹ کے لیے انوینٹری کی تبدیلی کی تاریخ دکھاتا ہے۔
- انٹرفیس کی خصوصیات
- ڈیش بورڈ: اعداد و شمار دکھاتا ہے جیسے مصنوعات کی کل تعداد، انوینٹری کی کل قیمت، کم انوینٹری الرٹس وغیرہ۔
- قبول ڈیزائن: ڈیسک ٹاپ اور موبائل آلات کے لیے قابل موافق
- ڈیٹا کی استقامت: ڈیٹا کو بچانے کے لیے لوکل سٹوریج استعمال کرتا ہے۔
تکنیکی ضروریات
طرزیں اور شبیہیں
- سی ایس ایس فریم ورک: TailwindCSS 3.0+ CDN استعمال کرتا ہے۔
- آئکن لائبریری: Heroicons یا Feather Icons CDN استعمال کرتا ہے۔
- فونٹ: گوگل فونٹس استعمال کریں۔
کوڈ کا ڈھانچہ
- ایک صفحے کی درخواست: HTML + CSS + JavaScript
- ماڈیولر ڈیزائن: فنکشنز کو مختلف JavaScript ماڈیولز میں توڑ دیں۔
- ڈیٹا فارمیٹ: پروڈکٹ ڈیٹا ذخیرہ کرنے کے لیے JSON فارمیٹ استعمال کریں۔
انٹرفیس ڈیزائن کی ضروریات
- جدید UI: سادہ اور خوبصورت انٹرفیس ڈیزائن
- رنگ سکیم: پیشہ ورانہ کاروباری رنگوں کے امتزاج کا استعمال کریں۔
- انٹرایکٹو فیڈ بیک: بٹن کلکس، فارم کی توثیق، اور دوسرے متعامل اثرات
- فارم کی توثیق: مطلوبہ فیلڈ کی توثیق، ڈیٹا فارمیٹ کی توثیق
ڈیٹا کی ساخت کی مثال
براہ کرم تمام ضروری CSS اور JavaScript کوڈ پر مشتمل ایک مکمل HTML فائل بنائیں، اس بات کو یقینی بناتے ہوئے کہ تمام خصوصیات فعال ہیں اور براہ راست براؤزر میں چل سکتی ہیں۔
آئیے ٹیسٹ کے نتائج پر ایک نظر ڈالتے ہیں۔ منطق دراصل کافی پیچیدہ ہے، ماڈل کی سیاق و سباق کی لمبائی، جمالیاتی احساس، اور منطقی پروسیسنگ کی صلاحیتوں کی جانچ کرتی ہے۔
اس معاملے میں ڈیپ سیک کے علاوہ تمام ماڈلز ناکام ہو گئے۔ کلاڈ 4 کا ترجمہ ایماندار ہونے کے لئے، کافی دور تھا.
Deepseek-R1-0528: R1 کا اپ گریڈ ورژن بہت طاقتور ہے۔ جیسا کہ آپ دیکھ سکتے ہیں، انٹرفیس بہت پیشہ ور ہے، اور آپ نئی مصنوعات بھی بنا سکتے ہیں، عام آؤٹ باؤنڈ اور ان باؤنڈ آپریشنز انجام دے سکتے ہیں، اور پروڈکٹ، انوینٹری مینجمنٹ، اور انوینٹری رپورٹس کو تین صفحات میں تقسیم کر سکتے ہیں، جو کہ مجموعی طور پر بہت واضح ہے۔ ایک وقف شدہ ڈیش بورڈ صفحہ بھی ہے، اور اس نے جانچ کے لیے کچھ نمونہ ڈیٹا لکھا ہے۔ دوسرے ماڈلز میں کوئی ڈیٹا نہیں ہے، اور پروڈکٹس کو شامل کرنا کام نہیں کرتا، اس لیے ٹیسٹنگ مکمل طور پر ناممکن ہے۔
کلاڈ اوپس 4: یہ ایک بڑے انٹرفیس کے ساتھ شروع ہوتا ہے، بہت آسان، ساس پلیٹ فارمز میں عام سائڈبار کے بجائے ٹاپ نیویگیشن بار کا استعمال کرتے ہوئے۔ پروڈکٹس کو شامل کرنے کے نتیجے میں محفوظ کرنے پر غلطی ہوتی ہے، جس سے ٹیسٹنگ ناممکن ہو جاتی ہے۔
کلاڈ سونیٹ 4: Opus 4 کے مقابلے میں، انٹرفیس اور بھی بنیادی ہے۔ "پروڈکٹ شامل کریں" کے بٹن پر کلک کرنے سے جواب نہیں آتا، اور کوئی فارم پاپ اپ ظاہر نہیں ہوتا ہے۔ دوسرے صفحات بنیادی طور پر صرف پلیس ہولڈرز ہیں۔
Gemini 2.5 Pro: گوگل کا ورژن کلاڈ سے بہتر ہے۔ یہ مصنوعات اور رنز کو شامل کرنے کی اجازت دیتا ہے، لیکن کیڑے ہیں. اس نے کام کیا جب میں نے پہلی بار اس کی کوشش کی، لیکن جب میں نے ویڈیو ریکارڈ کی تو نہیں۔ تاہم، جیمنی کا تعامل کا ڈیزائن کافی پیچیدہ ہے، جس میں انوینٹری کا انتظام اور ریکارڈ کو ایک ہی میز میں رکھنا ہے، جس سے کچھ دشواری ہوتی ہے۔
ٹیسٹ 2: پکسل اینیمیشن ایڈیٹر
اگلا بصری صلاحیت کا امتحان ہے۔ میں نے ان سے کہا کہ وہ P5.js کا استعمال کرتے ہوئے ایک پکسل آرٹ اینیمیشن ایڈیٹر بنائیں، نقل و حرکت کے طریقوں کو سپورٹ کریں، پوائنٹ کی شکلیں، سائز، رفتار، اور دیگر حالات کو ایڈجسٹ کریں۔
فوری: مندرجہ ذیل تکنیکی ضروریات کو پورا کرتے ہوئے P5.js پر مبنی ایک فل سکرین انٹرایکٹو پکسل آرٹ اینیمیشن جنریٹر بنائیں:
بنیادی خصوصیات
- P5.js کا استعمال کرتے ہوئے فل سکرین پکسل آرٹ اینیمیشن لاگو کریں، اینیمیشن کے ساتھ پورے ویو پورٹ ایریا کا احاطہ کریں۔
- پکسل گرڈ کا کل رقبہ نظر آنے والے علاقے سے کم از کم 10 گنا ہونا چاہیے تاکہ گرڈ کے سب سے چھوٹے فاصلے پر بھی مکمل کوریج کو یقینی بنایا جا سکے۔
- متعدد اینیمیشن موڈز فراہم کریں: لہر، نبض، لہر، شور
- متعدد نقطہ شکل کے اختیارات کی حمایت کریں: دائرہ، مربع، کراس، مثلث، ہیرا، وغیرہ۔
- تمام کنٹرول پینل صفحہ کے دائیں جانب رکھے گئے ہیں اور موبائل آلات پر نیچے تک گرائے جا سکتے ہیں۔
سایڈست پیرامیٹرز
- نقطوں کی کثافت: ہر قطار/کالم پر نقطوں کی تعداد کو کنٹرول کریں۔
- شکل کا سائز: نقطوں کے سائز کو ایڈجسٹ کریں۔
- حرکت پذیری کی رفتار: حرکت پذیری کے اثر کی رفتار اور طول و عرض کو کنٹرول کریں۔
- گرڈ وقفہ کاری: نقطوں کے درمیان فاصلے کو ایڈجسٹ کریں۔
تکنیکی وضاحتیں
- HTML5، TailwindCSS 3.0+ (CDN کے ذریعے متعارف کرایا گیا) اور P5.js استعمال کریں
- سسٹم سیٹنگز کو ڈیفالٹ کرتے ہوئے مکمل ڈارک/ لائٹ موڈ سوئچنگ کی فعالیت کو نافذ کریں۔
- کوڈ میں کارکردگی کی اصلاح کی منطق شامل ہونی چاہیے، صرف دکھائی دینے والے علاقے کے اندر اور کناروں کے قریب پوائنٹس پیش کرنا
- متحرک تصاویر بغیر کسی وقفے کے آسانی سے چلنی چاہئیں
قبول ڈیزائن
- صفحات کو تمام آلات (موبائل، ٹیبلیٹ، ڈیسک ٹاپ) پر بالکل ظاہر ہونا چاہیے
- کنٹرول پینلز موبائل ویو میں ٹوٹنے کے قابل/توسیع ہونے چاہئیں
- مختلف اسکرین سائزز کے لیے ترتیب اور فونٹ کے سائز کو بہتر بنائیں
- موبائل آلات پر رابطے کے اچھے تجربے کو یقینی بنائیں
انٹرفیس عناصر
- اینیمیشن موڈ سلیکٹر (لہر، نبض، لہر، شور)
- شکل سلیکٹر (شکل کے ساتھ مختلف شکلیں دکھاتا ہے)
- سلائیڈر کنٹرول: کثافت، سائز، رفتار، وقفہ کاری
- تھیم سوئچ بٹن
- میٹرکس اوورلے کی معلومات اور پوائنٹس کی کل تعداد دکھائیں۔
نتائج پر ایک نظر ڈالیں۔ سچ پوچھیں تو مجھے امید نہیں تھی کہ دوسرے ماڈلز اس ٹیسٹ میں اتنی خراب کارکردگی کا مظاہرہ کریں گے۔ Deepseek-R1 کے علاوہ، دوسرے ماڈلز کی اینیمیشن بالکل کام نہیں کرتی تھیں۔
Deepseek-R1-0528: بالکل بے عیب۔ ہر بٹن اور سلائیڈر عام طور پر کام کرتا ہے، اور پوائنٹس آسانی سے حرکت کرتے ہیں۔ یہاں تک کہ اس نے ڈاٹ میٹرکس ڈیٹا کو بھی شامل کیا، اور نائٹ موڈ پر سوئچ کرنے کے بعد رنگ ایک جیسے رہتے ہیں۔ صرف ایک معمولی مسئلہ یہ ہے کہ رنگوں کے انتخاب کی منتخب حالت میں معمولی مسئلہ ہے، لیکن یہ دوسرے ماڈلز کی تباہ کن کارکردگی کے مقابلے میں نہ ہونے کے برابر ہے۔
کلاڈ اوپس 4: اچھی خبر: اس میں پکسل آرٹ ہے۔ بری خبر: یہ حرکت نہیں کرتا۔ دائیں طرف کے مواد کو عام طور پر چلایا جا سکتا ہے، لیکن نائٹ موڈ پر سوئچ کرنے کے بعد رنگ سکیم غلط ہے۔
کلاڈ سونیٹ 4: یہ ایک آفت ہے۔ کوئی پکسل آرٹ نہیں ہے، اور بٹن کے انتخاب کی حالت بھی غائب ہے۔ سلائیڈرز صرف نقطے ہیں- ہو سکتا ہے کہ پہلے سے طے شدہ اجزاء بھی استعمال کریں۔
Gemini 2.5 Pro: بغیر پکسل گرڈ کے ایک خرابی کی بھی اطلاع دیتا ہے۔ دائیں طرف کا مواد عام طور پر چلایا جا سکتا ہے، اور تھیم سوئچنگ ٹھیک کام کرتی ہے، لیکن پہلے سے طے شدہ اجزاء قدرے بدصورت ہیں۔
ٹیسٹ 3: تصویری میلان رنگ نکالنے کا آلہ
یہ ایک ٹول ہے جو میں نے پہلے لکھا تھا۔ منطق کی زیادہ تفصیل نہیں ہے، لیکن اسلوب کی مزید تفصیل ہے۔ مرکزی فنکشن ایک تصویر سے گریڈینٹ رنگوں کے پانچ سیٹ نکالنا ہے۔
پرامپٹ: درج ذیل فائل کے مواد پر مبنی ایک HTML ویب صفحہ بنائیں، اپ لوڈ کردہ تصاویر سے گریڈینٹ رنگوں کے پانچ سیٹ نکالنے میں مدد کریں، اور صارفین کو ہیکساڈیسیمل گریڈینٹ رنگوں کے پانچ سیٹوں کو براہ راست کاپی کرنے کی اجازت دیں۔ رنگ نکالنے کے فنکشن کو لاگو کرنے کی ضرورت ہے۔
- NetEase Cloud Music سٹائل کے بصری ڈیزائن، سفید پس منظر کو نمایاں کرنے کے طور پر #FE1110 سے ملتا جلتا رنگ استعمال کریں۔
- اہم نکات کو نمایاں کرنے کے لیے بڑے فونٹس یا نمبرز پر زور دیں۔ فوکس ایریاز پر زور دینے کے لیے بڑے بصری عناصر شامل کریں، چھوٹے عناصر کے ساتھ تضاد پیدا کریں۔
- چینی اور انگریزی متن کو مکس کریں۔ تلفظ کے طور پر بولڈ، بڑے چینی حروف اور چھوٹے انگریزی متن کا استعمال کریں۔
- ڈیٹا ویژولائزیشن کے لیے یا آرائشی عناصر کے طور پر سادہ لائن سے تیار کردہ گرافکس استعمال کریں۔
- ہائی لائٹ رنگوں کے شفافیت کے میلان کو ٹیک سے متاثر کرنے کے لیے استعمال کریں، لیکن اس بات کو یقینی بنائیں کہ ہائی لائٹ کے مختلف رنگ ایک دوسرے میں نہ گھل جائیں۔
- ماؤس اسکرولنگ کو متحرک کرنے والی اینیمیشنز کے ساتھ ایپل کی آفیشل ویب سائٹ اینیمیشنز کی نقل کریں۔
- آن لائن چارٹ کے اجزاء سے ڈیٹا کا حوالہ دیا جا سکتا ہے، تھیم کے مطابق طرز کے ساتھ
- فریمر موشن استعمال کریں (CDN کے ذریعے)
- HTML5، TailwindCSS 3.0+ (CDN کے ذریعے) اور ضروری JavaScript استعمال کریں
- پیشہ ورانہ آئیکن لائبریریوں کا استعمال کریں جیسے کہ فونٹ بہت اچھے یا میٹریل آئیکنز (بذریعہ CDN)
- ایموجیز کو بنیادی شبیہیں کے طور پر استعمال کرنے سے گریز کریں۔
- نیچے بائیں کونے میں کیپسول بٹن مصنف کا ٹویٹر ہینڈل دکھاتا ہے۔
اس معاملے میں، کلاڈ نے آخر میں ایک بہت اچھا کام کیا. Deepseek-R1-0528 کے صفحہ کی تفصیلات اور جمالیات متاثر کن ہیں، لیکن فعالیت کو نافذ نہیں کیا گیا ہے۔ Opus 4 اور Sonnet 4 صفحات آسان ہیں لیکن کم از کم فعال ہیں، جبکہ Gemini بالکل بھی فعال نہیں ہے۔
Deepseek-R1-0528: میرا پرامپٹ دوبارہ استعمال کرنے کے بعد، Deepseek کے صفحہ کی جمالیات واقعی بے مثال ہیں۔ اس نے صفحہ پر بہت سارے SEO دوستانہ مواد بھی شامل کیا، جیسے درخواست کے منظرنامے اور پروسیسنگ کے اوقات۔ تدریجی رنگ کے ڈسپلے کارڈز بھی بہت تفصیلی ہیں، لیکن رنگوں کے انتخاب کی منطق کو نافذ نہیں کیا گیا ہے۔
کلاڈ اوپس 4: اس بار، کلاڈ نے آخر کار مایوس نہیں کیا، صفحہ کی فعالیت کو مکمل کیا، لیکن صفحہ کا مواد بہت بنیادی ہے، جس میں صرف تصاویر اور نتائج اپ لوڈ کرنے کی جگہ ہے، اور رنگ چننے کی منطق بھی ناقص ہے۔ تاہم، یہ کم از کم کام کرتا ہے.
کلاڈ سونیٹ 4: سونیٹ 4 نے بھی فعالیت کو مکمل کیا، اور میں یہاں تک کہ سوچتا ہوں کہ سونیٹ کے نتائج Opus سے بہتر ہیں، حالانکہ یہ اب بھی ڈیپ سیک کی طرح امیر نہیں ہے۔
Gemini 2.5 Pro: یہ سب سے برا ہے۔ نہ صرف صفحہ کی تفصیلات اور جمالیات کی کمی ہے، بلکہ فعالیت کو بھی نافذ نہیں کیا گیا ہے، اور یہ شروع ہونے پر کریش ہو جاتا ہے۔
ٹیسٹ 4: وائٹ شور ڈیلی کوٹ ویب سائٹ
اگلا ایک سفید شور روزانہ اقتباس ویب سائٹ جنریٹر ہے، جو ایک نئے ٹیب پیج پلگ ان کے لیے بہترین ہے۔ یہ Spotify سے سفید شور چلانے کی حمایت کرتا ہے، اور ویب صفحہ دکھاتا ہے۔
فوری: براہ کرم درج ذیل تقاضوں کے ساتھ ایک سادہ اور خوبصورت روزانہ اقتباس کی ویب سائٹ بنانے میں میری مدد کریں:
بصری ڈیزائن
- پس منظر کی تصویر: پس منظر کی تصویر کے طور پر درج ذیل لنکس سے تصادفی طور پر اعلیٰ معیار کی زمین کی تزئین کی تصاویر منتخب کریں۔
- تصویری لنکس: XXXX
- امیج پروسیسنگ: ایک 25% بلیک ماسک اور تھوڑا سا گاوسی بلر شامل کریں تاکہ یہ یقینی بنایا جا سکے کہ متن واضح اور پڑھنے کے قابل رہے
- مجموعی انداز: مرصع اور جدید، ویب پیج کے پس منظر کے طور پر زمین کی تزئین کی تصاویر کے ساتھ وسرجن کو بڑھانے کے لیے
- اینیمیشن فریم ورک، HTML5، TailwindCSS 3.0+ (CDN کے ذریعے متعارف کرایا گیا)، اور ضروری JavaScript کے لیے anime.js (CDN کے ذریعے متعارف کرایا گیا: JsDelivr jsdelivr.com) استعمال کریں، اور پروفیشنل آئیکن لائبریریاں استعمال کریں جیسے Font Awesome یا Material ICDNedcon (Material ICDN)۔
ٹائم ڈسپلے ماڈیول
- اوپر: مہینہ اور دن کی شکل دکھائیں (مثلاً، "29 مئی")، ایک چھوٹے فونٹ میں، مرکز میں
- دوسری قطار: ایک چھوٹے فونٹ میں "ہفتہ X · قمری کیلنڈر Xth ماہ Xth دن" کی شکل دکھاتا ہے
- مرکز: موجودہ تاریخ کو بڑے سفید فونٹ میں، مرکز میں نمایاں کرتا ہے۔
اقتباس ڈسپلے ماڈیول
- مواد: تصادفی طور پر چینی اور غیر ملکی فلسفیوں اور مصنفین کے کلاسک اقتباسات دکھاتا ہے۔
- لے آؤٹ: اقتباسات مرکز میں ہیں، فونٹ کا سائز اعتدال پسند ہے، اور لائنوں کے درمیان وقفہ کاری آرام دہ ہے۔
- انتساب: "مصنف، XXX" یا "فلسفی، XXX" نیچے دائیں طرف ظاہر ہوتا ہے۔
- کوٹیشن لائبریری: مختلف موضوعات پر اقتباسات پر مشتمل ہے جیسے تحریک، زندگی کی بصیرت، اور حکمت
میوزک پلے بیک فنکشن
- مقام: صفحہ کے نیچے بائیں کونے میں، بطور ڈیفالٹ منہدم
- مواد: Spotify سفید شور والی پلے لسٹ ایمبیڈ کریں۔
- کوڈ:
تکنیکی عمل درآمد
- قبول ڈیزائن: ڈیسک ٹاپ اور موبائل آلات کے لیے موافق
- فونٹ کا انتخاب: گوگل فونٹس کے ذریعے متعارف کرائے گئے خوبصورت چینی فونٹس کا استعمال کریں۔
- رنگ سکیم: تمام پس منظر پر پڑھنے کی اہلیت کو یقینی بنانے کے لیے بنیادی طور پر سفید متن کا استعمال کریں۔
- لوڈ ہو رہا ہے اصلاح: صفحہ کی کارکردگی کو بہتر بنانے کے لیے تصاویر کی سست لوڈنگ
انٹرایکٹو خصوصیات
- آٹو ریفریش: ہر روز پس منظر کی تصویر اور اقتباس کو خود بخود تبدیل کرتا ہے۔
- دستی ریفریش: صارفین کو مواد کو دستی طور پر تبدیل کرنے کی اجازت دینے کے لیے ریفریش بٹن فراہم کرتا ہے۔
کاپی رائٹنگ کا انداز
- اقتباس کا انتخاب: مختصر، مثبت اور فلسفیانہ اقتباسات کو ترجیح دیں۔
- زبان کا انداز: جامع اور طاقتور، ضرورت سے زیادہ لمبائی سے گریز
- تھیم کی درجہ بندی: زندگی کی بصیرت، متاثر کن ترقی، دانشمندانہ خیالات، جذباتی اظہار وغیرہ۔
براہ کرم مندرجہ بالا تقاضوں کے مطابق ایک مکمل HTML/CSS/JavaScript ویب سائٹ بنائیں، اس بات کو یقینی بناتے ہوئے کہ انٹرفیس جمالیاتی لحاظ سے خوش کن، فعال ہے اور صارف کا اچھا تجربہ فراہم کرتا ہے۔
یہ ٹیسٹ خالصتاً ہر ماڈل کی جمالیات کی سمجھ کا اندازہ لگانے کے لیے ہے۔ اس قسم کے ڈسپلے پر مبنی ویب صفحہ عام طور پر قابل حصول ہے۔
یہ کہنا ضروری ہے کہ Claude Opus 4 اب بھی اس علاقے میں کافی مستند ہے، تفصیل پر بہترین توجہ کے ساتھ۔ جیمنی 2.5 پرو بھی اچھا ہے، یہاں تک کہ امیج ٹرانزیشن میں اینیمیشن اثرات بھی شامل کرتا ہے۔ ڈیپ سیک اور سونیٹ 4 ایک ہی سطح پر ہیں۔
Deepseek-R1-0528: میں نے پہلے ڈیپ سیک کو دوڑایا اور سوچا کہ یہ پہلے ہی کافی اچھا ہے۔ مجموعی جمالیات کے ساتھ پہلا مسئلہ نیچے بائیں کونے میں میوزک بٹن تھا، جو تھوڑا بہت فلیٹ تھا۔ اقتباس والے حصے میں بھی مسائل تھے — بلیک ماسک کو شامل نہیں کیا جانا چاہیے تھا، اور متن کی سیدھ تھوڑی سی بند تھی۔ تاہم، اس نے ریفریش کے لیے ایک اینیمیشن اثر شامل کیا۔
کلاڈ اوپس 4: Opus 4 کی جمالیات واقعی بے عیب ہیں۔ تمام فونٹس کا سائز اور فاصلہ بہت آرام دہ ہے، اور مشہور اقوال کے اقتباسات کو اقتباس کے متن اور اقتباس کے نشانات دونوں کے لیے شفافیت کے ساتھ سنبھالا گیا ہے۔ یہاں تک کہ اسپاٹائف پلیئر کو ایک UI میں لپیٹ دیا گیا ہے جس میں ایک پھیلاؤ/کولپس اینیمیشن ہے۔ یہ کامل ہے۔
کلاڈ سونیٹ 4: سونیٹ 4 کا اثر ڈیپ سیک کے شمارے سے ملتا جلتا ہے۔ میوزک پلے بٹن، ٹیکسٹ سائز، الائنمنٹ اور اسپیسنگ کو مزید بہتر بنایا جا سکتا ہے۔
Gemini 2.5 Pro: جیمنی کا اثر بھی اچھا ہے، لیکن ٹیکسٹ شیڈو کو ہٹانے سے یہ بہتر ہوگا۔ اس نے Spotify پلیئر UI کو بھی اپنی مرضی کے مطابق بنایا ہے، اور متن کی تفصیلات ٹھیک ہیں۔ منتقلی کا اثر نمایاں ہے، تصویر پر کھینچنے والے اثر کے ساتھ۔
ٹیسٹ 5: سلیپ ایپ پیج جنریشن
اگلا موبائل ایپ ٹیسٹ ہے۔ ان میں سے ہر ایک کو نیند کی نگرانی کرنے والی ایپ بنانے کو کہیں۔ پرامپٹ تکنیکی اسٹیک اور ڈیزائن کی ضروریات کی وضاحت کرے گا، اور متعدد انٹرایکٹو صفحات کی تخلیق کی ضرورت ہے۔
پرامپٹ: نیند کی نگرانی کرنے والی ایپ کی ترقی کی ضروریات
پروجیکٹ کا جائزہ
براہ کرم چار اہم فعال صفحات کے ساتھ ایک مکمل نیند کی نگرانی کرنے والی ایپ بنانے میں میری مدد کریں۔ انٹرفیس جمالیاتی لحاظ سے خوش کن اور پیشہ ورانہ ہونا چاہیے۔
تکنیکی اسٹیک کی ضروریات
فرنٹ اینڈ ٹیکنالوجیز
– HTML5 - صفحہ کا ڈھانچہ
– TailwindCSS v3.0+ - طرز کا فریم ورک (CDN کے ذریعے متعارف کرایا گیا)
– جاوا اسکرپٹ - ضروری تعامل کی منطق
– Anime.js v4.0.2 - حرکت پذیری اثر لائبریری
- CDN:
https://cdn.jsdelivr.net/npm/animejs@4.0.2/+esm
شبیہیں اور چارٹس
- آئیکن لائبریری: فونٹ بہت اچھے یا مٹیریل آئیکنز (CDN)
- چارٹ کے اجزاء: آن لائن چارٹ کے اجزاء، طرزیں تھیم کے مطابق ہونی چاہئیں
- ڈیٹا ویژولائزیشن: نیند کے ڈیٹا کے چارٹ ڈسپلے کو سپورٹ کرتا ہے۔
ڈیزائن کی ضروریات
قبول ڈیزائن
- مکمل طور پر ذمہ دار لے آؤٹ
- موبائل - پہلا ڈیزائن
- ڈیسک ٹاپ اور موبائل آلات دونوں پر اچھا ڈسپلے
تعامل کے اثرات
- بٹن کا تعامل: ہوور پر تھوڑا سا بڑھا ہوا اثر
فارم کا تعامل: جب ان پٹ فیلڈ فوکس ہو تو ایک گریڈینٹ بارڈر دکھائیں۔
کارڈ کا تعامل: منڈلاتے وقت سائے کو گہرا کریں۔
اینیمیشن اثرات: ہموار پیج اینیمیشن حاصل کرنے کے لیے Anime.js استعمال کریں۔
فنکشنل پیج کے تقاضے
براہ کرم نیند کی نگرانی کرنے والی ایپ کے لیے درکار تمام صفحات تیار کریں، بشمول لیکن ان تک محدود نہیں:
- ہوم پیج/ڈیش بورڈ
- نیند کے ریکارڈ کا صفحہ
- ڈیٹا تجزیہ صفحہ
- ترتیبات کا صفحہ
- دیگر متعلقہ فنکشنل صفحات
کوڈ آؤٹ پٹ کے تقاضے
- ہر صفحہ ایک آزاد HTML فائل ہے۔
- مکمل تبصروں کے ساتھ کوڈ کا ڈھانچہ صاف کریں۔
- یقینی بنائیں کہ تمام CDN لنکس قابل رسائی ہیں۔
- مکمل، چلانے کے قابل کوڈ فراہم کریں۔
موبائل منطق اور انٹرفیس کے لحاظ سے، Cluade Opus 4 نے ایک بار پھر اپنی طاقت کا مظاہرہ کیا، اچھی منطق کے ساتھ متعدد صفحات کو مکمل کیا۔ دوسرے ماڈلز نے صرف ایک صفحہ تیار کیا، لیکن Deepseek R1 0528 نے خوبصورت انداز کے ساتھ، جمالیات کے لحاظ سے اچانک نشان مارا۔ اگرچہ اس نے صرف ایک صفحہ تیار کیا، یہ بہت مکمل تھا۔
Deepseek-R1-0528: صرف ایک صفحہ بنایا، لیکن مجموعی طور پر جمالیاتی اچھا ہے۔ کارڈز کی تفصیلات اور شبیہیں کی ہینڈلنگ اچھی طرح سے کی گئی ہے، اور پورا صفحہ مکمل اور لمبا ہے۔ مزید برآں، نیویگیشن کے لیے ریسپانسیو ڈیزائن لاگو کیا گیا، جس کے نتیجے میں موبائل اور ڈیسک ٹاپ ڈیوائسز پر مکمل طور پر مختلف لے آؤٹ ہوئے۔
کلاڈ اوپس 4: درحقیقت طاقتور، صرف Opus4 نے تمام صفحات کو مکمل طور پر تیار کیا، لیکن اس بار جمالیاتی ڈیزائن بہت اچھا نہیں ہے، ویب صفحہ کی منطق کا استعمال کرتے ہوئے، نیویگیشن آئیکنز کے ساتھ جو بہت چھوٹے ہیں۔
کلاڈ سونیٹ 4: صرف ایک صفحہ تیار کیا اور غلطیوں کی اطلاع دی، ناقص جمالیاتی ڈیزائن کے ساتھ، صرف کام کو مکمل کرنا۔
Gemini 2.5 Pro: گوگل ہمیشہ چیزوں کو مختلف طریقے سے کرتا ہے۔ یہ ہر صفحہ کو انفرادی طور پر تیار کرتا ہے، چار فائلیں فراہم کرتا ہے جو ایک دوسرے کے ساتھ تعامل نہیں کر سکتیں۔ مزید برآں، تمام صفحات نے غلطیوں کی اطلاع دی، ہر صفحہ میں صرف نیویگیشن ہے اور کوئی مواد نہیں، جو کافی مایوس کن ہے۔
ٹیسٹ 6: پیچیدہ فعالیت — ٹیٹریس
آخر میں، میں نے ایک چھوٹے سے گیم ٹیسٹ کو سمیٹ لیا۔ میں نے خاص بلاکس، تھیم سوئچنگ، بلاک لینڈنگ کی پیشن گوئی، بلاک اسٹوریج، اور بہت کچھ کے ساتھ نسبتاً پیچیدہ Tetris گیم ڈیزائن کیا ہے جو ایک حقیقی حتمی چیلنج ہے۔
پرامپٹ: براہ کرم درج ذیل تقاضوں کے ساتھ مکمل طور پر فعال، بصری طور پر دلکش Tetris ویب گیم بنانے میں میری مدد کریں:
بنیادی گیم کی خصوصیات
- مکمل ٹیٹریس میکانزم: 7 معیاری بلاکس (I, O, T, S, Z, J, L)
- ہموار کنٹرولز: بائیں اور دائیں حرکت، گردش، فوری ڈراپ، فوری ڈراپ
- سمارٹ خاتمے کا نظام: خصوصی اینیمیشن اثرات کے ساتھ ایک وقت میں 1-4 قطاروں کو ختم کرنے کی حمایت کرتا ہے۔
- ترقی پسند مشکل کا نظام: ختم شدہ قطاروں کی تعداد کی بنیاد پر ڈراپ کی رفتار اور سطح کو خود بخود بڑھاتا ہے۔
اعلی درجے کی خصوصیات
- پیش نظارہ نظام: اگلے اور اگلے اگلے بلاکس دکھاتا ہے۔
- فنکشن پکڑو: موجودہ بلاک کو عارضی طور پر ذخیرہ کرنے کے لیے ہولڈ کی کو دبائے رکھیں۔ فی راؤنڈ صرف ایک بار استعمال کیا جا سکتا ہے۔
- گھوسٹ بلاکس: بلاکس کی لینڈنگ پوزیشن کو نیم شفاف شکل میں دکھاتا ہے۔
- کومبو سسٹم: مسلسل صاف کرنے سے اضافی پوائنٹس اور بصری اثرات ملتے ہیں۔
- خصوصی ہنر:
- بم بلاک (آس پاس کے علاقے کو صاف کرتا ہے)
- لیزر کلیئر (پوری قطار کو صاف کرتا ہے)
- وقت کا وقفہ (بلاکس 3 سیکنڈ کے لیے گرنا بند ہو جاتے ہیں)
بصری ڈیزائن کی ضروریات
- جدید UI انٹرفیس:
- تدریجی پس منظر یا ذرہ اثرات
- گلاس اثر گیم پینل
- ہموار حرکت پذیری ٹرانزیشن
- مختلف اسکرینوں کے لیے ذمہ دار ڈیزائن
- بھرپور بصری اثرات:
- گرنے اور گھومنے والے بلاکس کی ہموار حرکت پذیری۔
- ختم ہونے پر دھماکہ یا فلیش اثرات
- کامبو حاصل ہونے پر اسکرین شیک کا اثر
- سطح کو اپ گریڈ کرنے پر جشن کا اینیمیشن
- تھیم سسٹم: کم از کم 3 مختلف بصری تھیمز کے درمیان سوئچ کرنے کے لیے
ساؤنڈ ایفیکٹ سسٹم
- مکمل آواز کی رائے: حرکت، گردش، لینڈنگ، خاتمہ، کھیل کا اختتام، وغیرہ۔
- پس منظر کی موسیقی: لوپنگ گیم BGM
- والیوم کنٹرول: آزادانہ طور پر ایڈجسٹ ساؤنڈ ایفیکٹس اور بیک گراؤنڈ میوزک کا حجم
گیم موڈز
- کلاسک موڈ: روایتی Tetris گیم پلے۔
- وقت محدود موڈ: ایک مخصوص وقت کی حد کے اندر سب سے زیادہ سکور حاصل کریں۔
- چیلنج موڈ: مشکل کو بڑھانے کے لیے پہلے سے طے شدہ رکاوٹیں۔
- زین موڈ: وقت کا دباؤ نہیں، کھیل کا خالص لطف
ڈیٹا کے اعدادوشمار کی خصوصیات
- حقیقی وقت کے اعدادوشمار: موجودہ سکور، سطح، کلیئر لائنوں کی تعداد، گیم کا وقت
- تاریخ: سب سے زیادہ سکور، بہترین سطح، کل کھیل کا وقت
- کامیابی کا نظام: گیم کی مختلف کامیابیوں کو غیر مقفل کریں۔
- مقامی اسٹوریج: گیم ریکارڈز اور سیٹنگز کو محفوظ کریں۔
تکنیکی ضروریات
- خالص HTML5/CSS3/JavaScript استعمال کرتا ہے۔، کسی بیرونی فریم ورک کی ضرورت نہیں ہے۔
- کوڈ کا ڈھانچہ صاف کریں۔: آبجیکٹ پر مبنی پروگرامنگ، ماڈیولر ڈیزائن
- کارکردگی کی اصلاح: ہموار 60FPS اینیمیشن، کوئی وقفہ نہیں۔
- مطابقت: مرکزی دھارے کے جدید براؤزرز کی حمایت کرتا ہے۔
- قبول ڈیزائن: پی سی اور موبائل آلات کے ساتھ ہم آہنگ
صارف کا تجربہ
- بدیہی ہدایات: بلٹ ان ٹیوٹوریل اور بٹن پرامپٹس
- موقوف/دوبارہ شروع کریں۔: کھیل کو کسی بھی وقت روک دیں۔
- ترتیبات کا مینو: گیم کی مشکل، صوتی اثرات، بصری اثرات وغیرہ کو ایڈجسٹ کریں۔
- کھیل ریاست کی بچت: گیم کو بچانے اور دوبارہ شروع کرنے کی حمایت کرتا ہے۔
کوڈ کے معیار کی ضروریات
- تفصیلی تبصرے: ہر فنکشن اور اہم کوڈ سیگمنٹ میں تفصیل ہونی چاہیے۔
- ہینڈلنگ میں خرابی: جامع استثنیٰ کیپچر اور ہینڈلنگ میکانزم
- خوبصورت کوڈ: بہترین طریقوں پر عمل کریں، سمجھنے اور برقرار رکھنے میں آسان
- توسیع پذیری۔: مستقبل میں نئی خصوصیات شامل کرنا آسان ہے۔
براہ کرم تمام CSS اور JavaScript کوڈ پر مشتمل مکمل HTML فائلیں فراہم کریں تاکہ یہ یقینی بنایا جا سکے کہ وہ براہ راست براؤزر میں چلائی جا سکتی ہیں۔ کوڈ کو پیشہ ورانہ پروگرامنگ کی مہارت اور گیم ڈویلپمنٹ کی گہری سمجھ کا مظاہرہ کرنا چاہیے۔
منی گیم میں، کلاڈ کے پاس کچھ چل رہا ہے۔ Opus اور Sonnet دونوں نے ضرورت کے مطابق متعلقہ Tetris بلاکس بنائے، خاص طور پر خصوصی بلاکس کے لیے منطق۔ ڈیپ سیک نے اس تھیم کو ہینڈل کیا جسے کلاڈ نے نظر انداز کیا، لیکن وہ خاص بلاکس سے محروم رہے، جس کے نتیجے میں جیمنی 2.5 پرو ناقابل پلے بلاکس بناتا ہے۔
Deepseek-R1-0528: یہ کام بہت اچھے طریقے سے اور تصریحات کے مطابق مکمل کیا گیا تھا، لیکن خصوصی بلاک ڈیزائن کو چھوڑ دیا گیا تھا اور اس پر عمل درآمد نہیں کیا گیا تھا۔ یہ فوری الفاظ کی پیروی میں مسائل کی وجہ سے ہو سکتا ہے۔ پورا ویب صفحہ گیم انٹرفیس سے ملتا جلتا ہے، تمام بٹن معیاری اجزاء کی طرح ظاہر ہوتے ہیں۔
کلاڈ اوپس 4: خصوصی بلاکس اور دیگر منطقوں کے لیے بغیر مسائل کے منطق کو مکمل کیا، لیکن تھیم سوئچنگ کے لیے پرامپٹ کو نظر انداز کر دیا، جسے اس نے نافذ نہیں کیا۔ DeepSeek کے مسائل کے مقابلے میں، یہ ایک چھوٹا مسئلہ ہے، لیکن انٹرفیس کو بغیر کسی جوابی منطق کے ہارڈ کوڈ کیا گیا ہے، اس لیے تناسب تھوڑا سا بند ہے، جس سے کچھ بٹنوں پر کلک نہیں کیا جا سکتا ہے۔
کلاڈ سونیٹ 4: Opus کی طرح، لیکن میرے خیال میں Sonnet 4 Opus سے بہتر ہے۔ صفحہ کی موافقت بھی اچھی ہے۔ ایسا لگتا ہے جیسے سونیٹ جیت گیا، کیونکہ اس نے تمام مطلوبہ افعال مکمل کر لیے ہیں۔
Gemini 2.5 Pro: جیمنی مستقل طور پر پیچیدہ منطق کے ساتھ جدوجہد کرتا ہے۔ اس بار، یہ مکمل طور پر ناقابل استعمال تھا کیونکہ اینٹوں کی جگہ میں ایک بگ تھا، جس کی وجہ سے یہ اندازہ لگانا ناممکن تھا کہ وہ کہاں اتریں گے۔ یہ سب سے برا ہے۔
اب تک، مجھے لگتا ہے کہ آپ اتنے ہی حیران ہوں گے جتنے میں DeepSeek-R1 کی کارکردگی سے ہوں۔
یہ یقین کرنا مشکل ہے کہ یہ صرف ایک چھوٹا ماڈل اپ گریڈ ہے۔ آئیے ان ماڈلز کی قیمتوں کا موازنہ DeepSeek R1 0528 سے کریں۔
Opus 4 30 گنا زیادہ مہنگا ہے، اور یہ Openrouter کی قیمتوں کا استعمال کر رہا ہے - سرکاری قیمت اس سے بھی زیادہ حیران کن ہوگی۔
| ماڈل | سیاق و سباق کی لمبائی | ان پٹ قیمت ($/M ٹوکنز) | آؤٹ پٹ قیمت ($/M ٹوکنز) | تصویر کی قیمت ($/K ٹوکنز) |
| DeepSeek R1 0528 | 160k | 0.50 | 2.18 | – |
| جیمنی 2.5 پرو پیش نظارہ | 1000k | 1.25 | 10 | 5.16 |
| کلاڈ سونیٹ 4 | 200k | 3.00 | 15 | 4.80 |
| کلاڈ اوپس 4 | 200k | 15.00 | 75 | 24.00 |
کسی ایسے شخص کے طور پر جو روزانہ AI خبروں سے نمٹتا ہے، میں نے ان گنت "پیش رفتوں" کا مشاہدہ کیا ہے جو بالآخر "مایوس کن" ثابت ہوئیں۔ لیکن یہ وقت مختلف ہے۔ DeepSeek-R1 نے مجھے حقیقی امید دی ہے۔
قیمت میں 30 گنا فرق ابھی تک تقریباً مساوی کارکردگی۔
اب ہمیں بہترین AI پروگرامنگ ماڈلز استعمال کرنے کے لیے بہت زیادہ قیمتیں ادا کرنے کی ضرورت نہیں ہے اور نہ ہی ہمیں قیمت اور معیار کے درمیان تکلیف دہ تجارت کرنے کی ضرورت ہے۔ اس سے بھی زیادہ متاثر کن بات یہ ہے کہ یہ ہمارا اپنا ماڈل ہے۔
یہ جملہ AI نے لکھا تھا، اور میرے خیال میں یہ بہت اچھا ہے: حقیقی انقلاب اکثر اس وقت شروع ہوتا ہے جب عام لوگ ستاروں تک پہنچ سکتے ہیں۔
