पछिल्ला केही दिनहरूमा, Deepseek-R1 0528 आधिकारिक रूपमा खुला स्रोतमा उपलब्ध छ।

LiveCodeBench मा, यसको प्रदर्शन लगभग OpenAI को o3 (उच्च) सँग बराबर छ; Aider को बहु-भाषा बेन्चमार्क परीक्षणमा, यसले क्लाउड ओपसको बिरूद्ध आफ्नो प्रदर्शन कायम राख्छ।

जब यो आधिकारिक वेबसाइटमा सुरु भयो, हामीले यसको फ्रन्ट-एन्ड क्षमताहरूको द्रुत रूपमा परीक्षण गर्यौं र तिनीहरूलाई असाधारण रूपमा बलियो पाएका थियौं, जसले गर्दा यस लेखमा समेटिएका परीक्षणहरू भए। हामी तपाईंसँग विभिन्न मोडेलहरूको विशिष्ट प्रदर्शन साझा गर्ने लक्ष्य राख्छौं।

यो परीक्षण मुख्यतया फ्रन्ट-एन्ड क्षमताहरूमा केन्द्रित छ भन्ने कुरा ध्यान दिनु महत्त्वपूर्ण छ, त्यसैले विभिन्न मोडेलहरूको कार्यसम्पादनलाई वस्तुनिष्ठ रूपमा हेर्नु आवश्यक छ। तपाईंले आफ्नै परीक्षणहरू सञ्चालन गर्न र आफ्नो अन्तर्दृष्टि र निष्कर्षहरू साझा गर्न हामीले प्रदान गर्ने प्रम्प्टहरू प्रयोग गर्न सक्नुहुन्छ।

उही प्रम्प्ट प्रयोग गरेर, हामीले यसलाई क्लाउड ओपस ४, सोनेट ४, जेमिनी २.५ प्रो, र मा पठायौं। DeepSeek R1-0528 को कीवर्डहरू, र उनीहरूलाई छ वटा बढ्दो चुनौतीपूर्ण फ्रन्ट-एन्ड विकास कार्यहरूमा प्रतिस्पर्धा गर्न लगाए।

पर्खन नसक्नेहरूका लागि, यहाँ निष्कर्ष छ:

Deepseek-R1-0528 ले फ्रन्ट-एन्ड क्षमताहरूमा Opus 4 भन्दा अलि पछाडि छ तर राम्रो प्रदर्शन गर्छ। सनेट ४ र जेमिनी २.५ प्रो।

मूलतः, ओपसले पूरा गर्न सक्ने कुनै पनि कार्य, R1 ले पनि पूरा गर्न सक्छ, र ओपस ४ ले पूरा गर्न नसक्ने कार्यहरू पनि R1 ले सम्हाल्न सक्छ, यद्यपि थोरै कम पूरा दर र परिणाम गुणस्तरको साथ।

R1 र अन्य तीन बीचको मूल्य भिन्नतालाई विचार गर्दा, यो प्रदर्शन पहिले नै उत्कृष्ट छ, र हामी केवल कल्पना गर्न सक्छौं कि R2 कति प्रभावशाली हुनेछ।

सामग्रीको तालिका

परीक्षण १: गोदाम व्यवस्थापन प्रणाली

प्रम्प्ट: कृपया मलाई निम्न आवश्यकताहरू सहितको पूर्ण वेब-आधारित उत्पादन व्यवस्थापन उपकरण सिर्जना गर्न मद्दत गर्नुहोस्:

कार्यात्मक आवश्यकताहरू

  1. उत्पादन व्यवस्थापन
  • उत्पादन जानकारी प्रविष्टि: उत्पादनको नाम, प्रकार/श्रेणी, SKU नम्बर, मूल्य, इन्भेन्टरी मात्रा
  • उत्पादन छवि व्यवस्थापन: छवि अपलोड र पूर्वावलोकन समर्थन गर्नुहोस् (फाइल चयनकर्तासँग नक्कल गरिएको)
  • उत्पादन सूची प्रदर्शन: खोज र फिल्टर समर्थनको साथ, सबै उत्पादनहरूलाई तालिका ढाँचामा प्रदर्शन गर्नुहोस्।
  • उत्पादन सम्पादन: उत्पादन जानकारी परिमार्जन समर्थन गर्नुहोस्
  • उत्पादन मेटाउने कार्य: उत्पादन मेटाउन समर्थन गर्नुहोस् (पुष्टि प्रम्प्टको साथ)
  1. सूची व्यवस्थापन
  • आगमन सञ्चालनहरू: उत्पादन सूची मात्रा बढाउनुहोस्, आगमन समय र मात्रा रेकर्ड गर्नुहोस्
  • आउटबाउन्ड अपरेसनहरू: उत्पादन सूची मात्रा घटाउनुहोस्, आउटबाउन्ड समय र मात्रा रेकर्ड गर्नुहोस्
  • सूची रेकर्डहरू: प्रत्येक उत्पादनको लागि सूची परिवर्तन इतिहास प्रदर्शन गर्दछ
  1. इन्टरफेस सुविधाहरू
  • ड्यासबोर्ड: उत्पादनहरूको कुल संख्या, कुल सूची मूल्य, कम सूची अलर्टहरू, आदि जस्ता तथ्याङ्कहरू प्रदर्शन गर्दछ।
  • उत्तरदायी डिजाइन: डेस्कटप र मोबाइल उपकरणहरूमा अनुकूलनीय
  • डेटाको निरन्तरता: डेटा बचत गर्न स्थानीय भण्डारण प्रयोग गर्दछ

प्राविधिक आवश्यकताहरू

शैली र आइकनहरू

  • CSS फ्रेमवर्क: TailwindCSS 3.0+ CDN प्रयोग गर्दछ
  • आइकन लाइब्रेरी: Heroicons वा Feather Icons CDN प्रयोग गर्दछ
  • फन्ट: गुगल फन्टहरू प्रयोग गर्नुहोस्

कोड संरचना

  • एकल-पृष्ठ आवेदन: HTML + CSS + जाभास्क्रिप्ट
  • मोड्युलर डिजाइन: विभिन्न जाभास्क्रिप्ट मोड्युलहरूमा प्रकार्यहरू विभाजन गर्नुहोस्
  • डेटा ढाँचा: उत्पादन डेटा भण्डारण गर्न JSON ढाँचा प्रयोग गर्नुहोस्

इन्टरफेस डिजाइन आवश्यकताहरू

  • आधुनिक UI: सरल र सुन्दर इन्टरफेस डिजाइन
  • रङ योजना: व्यावसायिक व्यावसायिक रङ संयोजन प्रयोग गर्नुहोस्
  • अन्तरक्रियात्मक प्रतिक्रिया: बटन क्लिकहरू, फारम प्रमाणीकरण, र अन्य अन्तरक्रियात्मक प्रभावहरू
  • फारम प्रमाणीकरण: आवश्यक क्षेत्र प्रमाणीकरण, डेटा ढाँचा प्रमाणीकरण

डेटा संरचना उदाहरण

कृपया सबै आवश्यक CSS र JavaScript कोडहरू समावेश भएको पूर्ण HTML फाइल उत्पन्न गर्नुहोस्, सुनिश्चित गर्नुहोस् कि सबै सुविधाहरू कार्यात्मक छन् र सिधै ब्राउजरमा चल्न सक्छन्।

परीक्षणको नतिजा हेरौं। तर्क वास्तवमा धेरै जटिल छ, मोडेलको सन्दर्भ लम्बाइ, सौन्दर्य ज्ञान, र तार्किक प्रशोधन क्षमताहरूको परीक्षण गर्दै।

यस अवस्थामा, Deepseek बाहेक सबै मोडेलहरू असफल भए। क्लाउड ४ को अनुवाद इमानदारीपूर्वक भन्नुपर्दा, एकदमै गलत थियो।

डिपसिक-R1-0528: R1 को अपग्रेड गरिएको संस्करण धेरै शक्तिशाली छ। तपाईंले देख्न सक्नुहुन्छ, इन्टरफेस धेरै व्यावसायिक छ, र तपाईं नयाँ उत्पादनहरू सिर्जना गर्न, सामान्य आउटबाउन्ड र इनबाउन्ड अपरेशनहरू गर्न, र उत्पादन, इन्भेन्टरी व्यवस्थापन, र इन्भेन्टरी रिपोर्टहरूलाई तीन पृष्ठहरूमा विभाजन गर्न सक्नुहुन्छ, जुन समग्रमा धेरै स्पष्ट छ। त्यहाँ एक समर्पित ड्यासबोर्ड पृष्ठ पनि छ, र उनले परीक्षणको लागि केही नमूना डेटा लेखे। अन्य मोडेलहरूमा कुनै डेटा छैन, र उत्पादनहरू थप्दा काम गर्दैन, त्यसैले परीक्षण पूर्ण रूपमा असम्भव छ।

क्लाउड ओपस ४: यो ठूलो इन्टरफेसबाट सुरु हुन्छ, धेरै सरल, SaaS प्लेटफर्महरूमा सामान्य साइडबारको सट्टा शीर्ष नेभिगेसन बार प्रयोग गरेर। उत्पादनहरू थप्दा बचत गर्दा त्रुटि हुन्छ, जसले गर्दा परीक्षण असम्भव हुन्छ।

क्लाउड सोनेट ४: ओपस ४ को तुलनामा, इन्टरफेस अझ आधारभूत छ। "उत्पादन थप्नुहोस्" बटन क्लिक गर्दा प्रतिक्रिया आउँदैन, र कुनै फारम पप-अप देखा पर्दैन। अन्य पृष्ठहरू मूलतः केवल प्लेसहोल्डरहरू हुन्।

जेमिनी २.५ प्रो: गुगलको संस्करण क्लाउडको भन्दा राम्रो छ। यसले उत्पादनहरू र रनहरू थप्न अनुमति दिन्छ, तर त्यहाँ बगहरू छन्। मैले पहिलो पटक प्रयास गर्दा यसले काम गर्‍यो, तर भिडियो रेकर्ड गर्दा होइन। यद्यपि, जेमिनीको अन्तरक्रिया डिजाइन एकदम जटिल छ, इन्भेन्टरी व्यवस्थापन र रेकर्ड-किपिङ सबै एउटै तालिकामा हुन्छ, जसले केही कठिनाई थप्छ।

परीक्षण २: पिक्सेल एनिमेसन सम्पादक

अर्को दृश्य क्षमताको परीक्षण हो। मैले उनीहरूलाई P5.js प्रयोग गरेर पिक्सेल आर्ट एनिमेसन सम्पादक सिर्जना गर्न भनें, जसले आन्दोलन मोडहरूलाई समर्थन गर्दछ, बिन्दु आकारहरू, आकारहरू, गतिहरू, र अन्य अवस्थाहरू समायोजन गर्दछ।

प्रम्प्ट: निम्न प्राविधिक आवश्यकताहरू पूरा गर्दै P5.js मा आधारित पूर्ण-स्क्रिन अन्तरक्रियात्मक पिक्सेल कला एनिमेसन जेनेरेटर सिर्जना गर्नुहोस्:

मुख्य विशेषताहरू

  • सम्पूर्ण भ्यूपोर्ट क्षेत्रलाई समेट्ने गरी P5.js प्रयोग गरेर पूर्ण-स्क्रिन पिक्सेल आर्ट एनिमेसन लागू गर्नुहोस्।
  • सबैभन्दा सानो ग्रिड स्पेसिङमा पनि पूर्ण कभरेज सुनिश्चित गर्न पिक्सेल ग्रिडको कुल क्षेत्रफल दृश्य क्षेत्रको कम्तिमा १० गुणा हुनुपर्छ।
  • धेरै एनिमेसन मोडहरू प्रदान गर्नुहोस्: वेभ, पल्स, रिपल, नाइज
  • बहु बिन्दु आकार विकल्पहरूलाई समर्थन गर्नुहोस्: वृत्त, वर्ग, क्रस, त्रिकोण, हीरा, आदि।
  • सबै नियन्त्रण प्यानलहरू पृष्ठको दायाँ छेउमा राखिएका छन् र मोबाइल उपकरणहरूमा तलसम्म कोल्याप्स गर्न सकिन्छ।

समायोज्य प्यारामिटरहरू

  • डट घनत्व: प्रति पङ्क्ति/स्तम्भमा डटहरूको संख्या नियन्त्रण गर्नुहोस्
  • आकारको आकार: थोप्लाहरूको आकार समायोजन गर्नुहोस्
  • एनिमेसन गति: एनिमेसन प्रभावको गति र आयाम नियन्त्रण गर्नुहोस्
  • ग्रिड स्पेसिङ: थोप्लाहरू बीचको दूरी समायोजन गर्नुहोस्

प्राविधिक विशिष्टताहरू

  • HTML5, TailwindCSS 3.0+ (CDN मार्फत प्रस्तुत गरिएको), र P5.js प्रयोग गर्नुहोस्।
  • प्रणाली सेटिङहरूमा पूर्वनिर्धारित रूपमा पूर्ण गाढा/प्रकाश मोड स्विचिङ कार्यक्षमता लागू गर्नुहोस्।
  • कोडमा प्रदर्शन अनुकूलन तर्क समावेश हुनुपर्छ, दृश्य क्षेत्र भित्र र किनाराहरू नजिकैका बिन्दुहरू मात्र रेन्डर गर्दै।
  • एनिमेसनहरू ढिलाइ बिना सहज रूपमा चल्नु पर्छ

उत्तरदायी डिजाइन

  • पृष्ठहरू सबै उपकरणहरू (मोबाइल, ट्याब्लेट, डेस्कटप) मा पूर्ण रूपमा प्रदर्शित हुनुपर्छ।
  • मोबाइल भ्यूमा नियन्त्रण प्यानलहरू कोल्याप्सिबल/विस्तारयोग्य हुनुपर्छ।
  • विभिन्न स्क्रिन आकारहरूको लागि लेआउट र फन्ट आकारहरू अनुकूलन गर्नुहोस्
  • मोबाइल उपकरणहरूमा राम्रो स्पर्श अनुभव सुनिश्चित गर्नुहोस्

इन्टरफेस तत्वहरू

  • एनिमेसन मोड चयनकर्ता (लहर, नाडी, लहर, आवाज)
  • आकार चयनकर्ता (आइकनहरू सहित विभिन्न आकारहरू प्रदर्शन गर्दछ)
  • स्लाइडर नियन्त्रणहरू: घनत्व, आकार, गति, दूरी
  • थिम स्विच बटन
  • म्याट्रिक्स ओभरले जानकारी र कुल अंक संख्या प्रदर्शन गर्नुहोस्

नतिजाहरू हेर्नुहोस्। इमानदारीपूर्वक भन्नुपर्दा, मैले यस परीक्षणमा अन्य मोडेलहरूले यति खराब प्रदर्शन गर्नेछन् भन्ने आशा गरेको थिइनँ। Deepseek-R1 बाहेक, अन्य मोडेलहरूको एनिमेसनले काम गरेन।

डिपसिक-R1-0528: पूर्ण रूपमा निर्दोष। प्रत्येक बटन र स्लाइडर सामान्य रूपमा काम गर्दछ, र बिन्दुहरू सहज रूपमा सर्छन्। यसले डट म्याट्रिक्स डेटा पनि थप्यो, र रात्रि मोडमा स्विच गरेपछि रङहरू एकरूप रहन्छन्। एक मात्र सानो समस्या यो हो कि रङ चयनको चयन गरिएको अवस्थामा थोरै समस्या छ, तर यो अन्य मोडेलहरूको विनाशकारी प्रदर्शनको तुलनामा नगण्य छ।

क्लाउड ओपस ४: खुसीको खबर: यसमा पिक्सेल आर्ट छ। नराम्रो खबर: यो चल्दैन। दायाँ छेउको सामग्री सामान्य रूपमा सञ्चालन गर्न सकिन्छ, तर रात्रि मोडमा स्विच गरेपछि रङ योजना गलत छ।

क्लाउड सोनेट ४: यो एउटा विपत्ति हो। त्यहाँ कुनै पिक्सेल कला छैन, र बटन चयन अवस्था पनि हराइरहेको छ। स्लाइडरहरू केवल थोप्लाहरू हुन् - पूर्वनिर्धारित घटकहरू पनि प्रयोग गर्न सक्छन्।

जेमिनी २.५ प्रो: पिक्सेल ग्रिड बिनाको त्रुटि पनि रिपोर्ट गर्दछ। दायाँ छेउको सामग्री सामान्य रूपमा सञ्चालन गर्न सकिन्छ, र थिम स्विचिङ राम्रोसँग काम गर्दछ, तर पूर्वनिर्धारित कम्पोनेन्टहरू अलि कुरूप छन्।

परीक्षण ३: छवि ग्रेडियन्ट रङ निकासी उपकरण

यो मैले पहिले लेखेको उपकरण हो। तर्कको धेरै वर्णन छैन, तर शैलीको धेरै वर्णन छ। मुख्य कार्य भनेको छविबाट ग्रेडियन्ट रङहरूको पाँच सेट निकाल्नु हो।

प्रम्प्ट: निम्न फाइल सामग्रीको आधारमा HTML वेब पृष्ठ उत्पन्न गर्नुहोस्, अपलोड गरिएका छविहरूबाट ग्रेडियन्ट रङहरूको पाँच सेट निकाल्न समर्थन गर्नुहोस्, र प्रयोगकर्ताहरूलाई हेक्साडेसिमल ग्रेडियन्ट रङहरूको पाँच सेटहरू सिधै प्रतिलिपि गर्न अनुमति दिनुहोस्। रङ निकासी प्रकार्य कार्यान्वयन गर्न आवश्यक छ।

  1. हाइलाइटको रूपमा नेटइज क्लाउड म्युजिक शैलीको दृश्य डिजाइन, #FE1110 जस्तै रङ भएको सेतो पृष्ठभूमि प्रयोग गर्नुहोस्।
  2. मुख्य बुँदाहरू हाइलाइट गर्न ठूला फन्टहरू वा संख्याहरूलाई जोड दिनुहोस्। फोकस क्षेत्रहरूलाई जोड दिन ठूला दृश्य तत्वहरू समावेश गर्नुहोस्, साना तत्वहरूसँग कन्ट्रास्ट सिर्जना गर्नुहोस्।
  3. चिनियाँ र अंग्रेजी पाठ मिलाउनुहोस्। बोल्ड, ठूला चिनियाँ वर्णहरू र सानो अंग्रेजी पाठलाई उच्चारणको रूपमा प्रयोग गर्नुहोस्।
  4. डेटा दृश्यावलोकनको लागि वा सजावटी तत्वहरूको रूपमा साधारण रेखा-कोरिएको ग्राफिक्स प्रयोग गर्नुहोस्।
  5. प्राविधिक प्रभाव सिर्जना गर्न हाइलाइट रङहरूको पारदर्शिता ग्रेडियन्ट प्रयोग गर्नुहोस्, तर विभिन्न हाइलाइट रङहरू एकअर्कामा मिसिन नदिनुहोस् भन्ने कुरा सुनिश्चित गर्नुहोस्।
  6. माउस स्क्रोलिङ ट्रिगर गर्ने एनिमेसनहरू सहित, एप्पलको आधिकारिक वेबसाइट एनिमेसनको नक्कल गर्नुहोस्
  7. विषयवस्तुसँग मिल्दो शैलीहरू सहित, अनलाइन चार्ट घटकहरूबाट डेटा सन्दर्भ गर्न सकिन्छ।
  8. फ्रेमर मोशन प्रयोग गर्नुहोस् (CDN मार्फत)
  9. HTML5, TailwindCSS 3.0+ (CDN मार्फत), र आवश्यक जाभास्क्रिप्ट प्रयोग गर्नुहोस्।
  10. फन्ट अद्भुत वा मटेरियल आइकनहरू (CDN मार्फत) जस्ता व्यावसायिक आइकन पुस्तकालयहरू प्रयोग गर्नुहोस्।
  11. प्राथमिक आइकनको रूपमा इमोजीहरू प्रयोग नगर्नुहोस्
  12. तल-बायाँ कुनामा रहेको क्याप्सुल बटनले लेखकको ट्विटर ह्यान्डल देखाउँछ।

यस अवस्थामा, क्लाउडले अन्ततः उत्कृष्ट काम गरे। Deepseek-R1-0528 को पृष्ठ विवरण र सौन्दर्यशास्त्र प्रभावशाली छन्, तर कार्यक्षमता लागू गरिएको छैन। Opus 4 र Sonnet 4 पृष्ठहरू सरल छन् तर कम्तिमा कार्यात्मक छन्, जबकि Gemini बिल्कुल कार्यात्मक छैन।

डिपसिक-R1-0528: मेरो प्रम्प्ट फेरि प्रयोग गरेपछि, Deepseek को पृष्ठ सौन्दर्यशास्त्र साँच्चै अतुलनीय छ। उनले पृष्ठमा धेरै SEO-अनुकूल सामग्रीहरू पनि थपे, जस्तै अनुप्रयोग परिदृश्यहरू र प्रशोधन समय। ग्रेडियन्ट-रंगीन डिस्प्ले कार्डहरू पनि धेरै विस्तृत छन्, तर रङ चयन तर्क लागू गरिएको छैन।

क्लाउड ओपस ४: यस पटक, क्लाउडले अन्ततः निराश पारेनन्, पृष्ठ कार्यक्षमता पूरा गर्दै, तर पृष्ठ सामग्री धेरै आधारभूत छ, छविहरू र परिणामहरू अपलोड गर्ने ठाउँ मात्र छ, र रङ छनोट तर्क पनि कमजोर छ। यद्यपि, यो कम्तिमा काम गर्छ।

क्लाउड सोनेट ४: सोनेट ४ ले कार्यक्षमता पनि पूरा गर्‍यो, र मलाई लाग्छ सोनेटको नतिजा ओपसको भन्दा राम्रो छ, यद्यपि यो अझै पनि डिपसिक जत्तिकै समृद्ध छैन।

जेमिनी २.५ प्रो: यो सबैभन्दा खराब हो। पृष्ठ विवरण र सौन्दर्यशास्त्रको मात्र कमी छैन, तर कार्यक्षमता पनि कार्यान्वयन गरिएको छैन, र यो स्टार्टअपमा क्र्यास हुन्छ।

परीक्षण ४: सेतो आवाज दैनिक उद्धरण वेबसाइट

अर्को एउटा सेतो आवाज दैनिक उद्धरण वेबसाइट जेनेरेटर हो, जुन नयाँ ट्याब पृष्ठ प्लगइनको लागि उपयुक्त छ। यसले Spotify बाट सेतो आवाज बजाउन समर्थन गर्दछ, र वेबपेज प्रदर्शन गर्दछ

प्रम्प्ट: कृपया मलाई निम्न आवश्यकताहरू पूरा गर्ने सरल र सुरुचिपूर्ण दैनिक उद्धरण वेबसाइट सिर्जना गर्न मद्दत गर्नुहोस्:

दृश्य डिजाइन

  • पृष्ठभूमि छवि: पृष्ठभूमि छविको रूपमा निम्न लिङ्कहरूबाट उच्च-गुणस्तरको ल्यान्डस्केप छविहरू अनियमित रूपमा चयन गर्नुहोस्।
  • छवि लिङ्कहरू: XXXX
  • छवि प्रशोधन: पाठ स्पष्ट र पढ्न योग्य रहन सुनिश्चित गर्न २५१TP11T कालो मास्क र हल्का गौसियन ब्लर थप्नुहोस्।
  • समग्र शैली: न्यूनतम र आधुनिक, वेबपेज पृष्ठभूमिको रूपमा ल्यान्डस्केप छविहरू सहितको इमर्सिभता बढाउनको लागि
  • एनिमेसन फ्रेमवर्कको लागि anime.js (CDN मार्फत प्रस्तुत गरिएको: JsDelivr jsdelivr.com), HTML5, TailwindCSS 3.0+ (CDN मार्फत प्रस्तुत गरिएको), र आवश्यक जाभास्क्रिप्ट प्रयोग गर्नुहोस्, र फन्ट अद्भुत वा मटेरियल आइकनहरू (CDN मार्फत प्रस्तुत गरिएको) जस्ता व्यावसायिक आइकन पुस्तकालयहरू प्रयोग गर्नुहोस्।

समय प्रदर्शन मोड्युल

  • शीर्ष: महिना र दिनको ढाँचा (जस्तै, "मे २९"), केन्द्रमा राखेर सानो फन्टमा प्रदर्शन गर्नुहोस्।
  • दोस्रो पङ्क्ति: “हप्ता X · चन्द्र पात्रो Xth महिना Xth दिन” ढाँचा सानो फन्टमा प्रदर्शन गर्दछ।
  • केन्द्र: केन्द्रमा रहेको ठूलो सेतो फन्टमा हालको मिति हाइलाइट गर्दछ।

उद्धरण प्रदर्शन मोड्युल

  • सामग्रीहरू: चिनियाँ र विदेशी दार्शनिकहरू र लेखकहरूका क्लासिक उद्धरणहरू अनियमित रूपमा प्रदर्शन गर्दछ।
  • लेआउट: उद्धरणहरू केन्द्रित छन्, फन्ट आकार मध्यम छ, र रेखा दूरी सहज छ।
  • विशेषता: “लेखक, XXX” वा “दार्शनिक, XXX” तल दायाँतिर प्रदर्शित हुन्छ।
  • उद्धरण पुस्तकालय: प्रेरणा, जीवन अन्तर्दृष्टि, र बुद्धि जस्ता विभिन्न विषयहरूमा उद्धरणहरू समावेश गर्दछ।

संगीत प्लेब्याक प्रकार्य

  • स्थानहरू: पृष्ठको तल्लो बायाँ कुना, पूर्वनिर्धारित रूपमा संक्षिप्त गरिएको
  • सामग्रीहरू: स्पोटिफाई ह्वाइट नाइज प्लेलिस्ट इम्बेड गर्नुहोस्
  • कोड:

प्राविधिक कार्यान्वयन

  • उत्तरदायी डिजाइन: डेस्कटप र मोबाइल उपकरणहरूको लागि अनुकूलित
  • फन्ट चयन: गुगल फन्टद्वारा प्रस्तुत गरिएको सुरुचिपूर्ण चिनियाँ फन्टहरू प्रयोग गर्नुहोस्
  • रङ योजना: सबै पृष्ठभूमिहरूमा पठनीयता सुनिश्चित गर्न मुख्यतया सेतो पाठ प्रयोग गर्नुहोस्।
  • लोडिङ अप्टिमाइजेसन: पृष्ठ प्रदर्शन सुधार गर्न छविहरूको अल्छी लोडिङ

अन्तरक्रियात्मक सुविधाहरू

  • स्वतः रिफ्रेस गर्नुहोस्: स्वचालित रूपमा पृष्ठभूमि छवि र उद्धरण हरेक दिन परिवर्तन गर्दछ
  • म्यानुअल रिफ्रेस: प्रयोगकर्ताहरूलाई सामग्री म्यानुअल रूपमा परिवर्तन गर्न अनुमति दिन रिफ्रेस बटन प्रदान गर्दछ।

प्रतिलिपि लेखन शैली

  • उद्धरण चयन: छोटो, सकारात्मक र दार्शनिक उद्धरणहरू मन पराउनुहोस्
  • भाषा शैली: संक्षिप्त र शक्तिशाली, अत्यधिक लम्बाइबाट बच्न
  • विषयवस्तु वर्गीकरण: जीवन अन्तर्दृष्टि, प्रेरणादायी विकास, बुद्धिमानी विचार, भावनात्मक अभिव्यक्ति, आदि।

माथिका आवश्यकताहरू अनुसार पूर्ण HTML/CSS/JavaScript वेबसाइट उत्पन्न गर्नुहोस्, जसले गर्दा इन्टरफेस सौन्दर्यको दृष्टिले आकर्षक, कार्यात्मक र राम्रो प्रयोगकर्ता अनुभव प्रदान गर्दछ।

यो परीक्षण प्रत्येक मोडेलको सौन्दर्यशास्त्रको बुझाइको मूल्याङ्कन गर्नको लागि हो। यस प्रकारको प्रदर्शन-उन्मुख वेबपेज सामान्यतया प्राप्त गर्न सकिन्छ।

यो भन्नै पर्छ कि क्लाउड ओपस ४ अझै पनि यस क्षेत्रमा धेरै आधिकारिक छ, विवरणमा उत्कृष्ट ध्यान दिएर। जेमिनी २.५ प्रो पनि राम्रो छ, छवि ट्रान्जिसनमा एनिमेसन प्रभावहरू पनि थप्दै। डीपसिक र सोनेट ४ एउटै स्तरमा छन्।

डिपसिक-R1-0528: मैले पहिला Deepseek चलाएँ र यो पहिले नै धेरै राम्रो छ भन्ने लाग्यो। समग्र सौन्दर्यशास्त्रको साथ पहिलो समस्या तल-बायाँ कुनामा रहेको संगीत बटन थियो, जुन अलि धेरै समतल थियो। उद्धरण खण्डमा पनि समस्याहरू थिए - कालो मास्क थप्नु हुँदैनथ्यो, र पाठ पङ्क्तिबद्धता अलि कम थियो। यद्यपि, यसले रिफ्रेसको लागि एनिमेसन प्रभाव थप्यो।

क्लाउड ओपस ४: ओपस ४ को सौन्दर्यशास्त्र साँच्चै निर्दोष छ। सबै फन्टहरूको आकार र स्पेसिङ धेरै सहज छ, र प्रसिद्ध भनाइहरूको लागि उद्धरणहरू उद्धरण पाठ र उद्धरण चिन्ह दुवैको लागि पारदर्शिताका साथ ह्यान्डल गरिएको छ। स्पोटिफाई प्लेयरलाई पनि विस्तार/संक्षिप्त एनिमेसनको साथ UI मा बेरिएको छ। यो उत्तम छ।

क्लाउड सोनेट ४: सोनेट ४ को प्रभाव डिपसिकको मुद्दा जस्तै छ। संगीत बजाउने बटन, पाठ आकार, पङ्क्तिबद्धता, र स्पेसिङ सबैलाई थप अनुकूलित गर्न सकिन्छ।

जेमिनी २.५ प्रो: जेमिनीको प्रभाव पनि राम्रो छ, तर पाठको छायाँ हटाउनाले यसलाई अझ राम्रो बनाउनेछ। यसले स्पोटिफाई प्लेयर UI लाई पनि अनुकूलित गरेको छ, र पाठ विवरणहरू ठीक छन्। छविमा स्ट्रेचिंग प्रभावको साथ, संक्रमण प्रभाव उल्लेखनीय छ।

परीक्षण ५: स्लीप एप पृष्ठ उत्पादन

अर्को मोबाइल एप परीक्षण हो। ती प्रत्येकलाई निद्रा अनुगमन गर्ने एप बनाउन लगाउनुहोस्। प्रम्प्टले प्राविधिक स्ट्याक र डिजाइन आवश्यकताहरू निर्दिष्ट गर्नेछ, र धेरै अन्तरक्रियात्मक पृष्ठहरूको उत्पादन आवश्यक पर्नेछ।

प्रम्प्ट: निद्रा अनुगमन एप विकास आवश्यकताहरू

परियोजनाको अवलोकन

कृपया मलाई चार मुख्य कार्यात्मक पृष्ठहरू सहितको पूर्ण निद्रा अनुगमन एप बनाउन मद्दत गर्नुहोस्। इन्टरफेस सौन्दर्यको हिसाबले आकर्षक र व्यावसायिक हुनुपर्छ।

प्राविधिक स्ट्याक आवश्यकताहरू

फ्रन्टएन्ड प्रविधिहरू

HTML5 - पृष्ठ संरचना

टेलविन्डसीएसएस v3.0+ - शैली ढाँचा (CDN मार्फत प्रस्तुत गरिएको)

जाभास्क्रिप्ट - आवश्यक अन्तरक्रिया तर्क

एनिमे.जेएस v4.0.2 - एनिमेसन प्रभाव पुस्तकालय

  • सीडीएन: https://cdn.jsdelivr.net/npm/animejs@4.0.2/+esm

आइकन र चार्टहरू

  • आइकन लाइब्रेरी: फन्ट अद्भुत वा मटेरियल आइकनहरू (CDN)
  • चार्ट कम्पोनेन्टहरू: अनलाइन चार्ट कम्पोनेन्टहरू, शैलीहरू विषयवस्तुसँग मिल्दोजुल्दो हुनुपर्छ।
  • डेटा भिजुअलाइजेशन: निद्रा डेटाको चार्ट प्रदर्शनलाई समर्थन गर्दछ।

डिजाइन आवश्यकताहरू

उत्तरदायी डिजाइन

  • पूर्ण रूपमा उत्तरदायी लेआउट
  • मोबाइल-प्रथम डिजाइन
  • डेस्कटप र मोबाइल दुवै उपकरणहरूमा राम्रो प्रदर्शन

अन्तरक्रिया प्रभावहरू

  • बटन अन्तर्क्रिया: होभरमा थोरै बढाइएको प्रभाव

फारम अन्तर्क्रिया: इनपुट फिल्ड केन्द्रित हुँदा ग्रेडियन्ट बोर्डर प्रदर्शन गर्नुहोस्।

कार्ड अन्तरक्रिया: होभर गर्दा छायाँलाई अँध्यारो बनाउनुहोस्

एनिमेसन प्रभावहरू: सहज पृष्ठ एनिमेसनहरू प्राप्त गर्न Anime.js प्रयोग गर्नुहोस्।

कार्यात्मक पृष्ठ आवश्यकताहरू

कृपया निद्रा अनुगमन एपको लागि आवश्यक पर्ने सबै पृष्ठहरू उत्पन्न गर्नुहोस्, जसमा निम्न समावेश छन् तर सीमित छैनन्:

  • गृह पृष्ठ/ड्यासबोर्ड
  • निद्रा रेकर्ड पृष्ठ
  • डेटा विश्लेषण पृष्ठ
  • सेटिङ पृष्ठ
  • अन्य सम्बन्धित कार्यात्मक पृष्ठहरू

कोड आउटपुट आवश्यकताहरू

  • प्रत्येक पृष्ठ एउटा स्वतन्त्र HTML फाइल हो।
  • पूर्ण टिप्पणीहरू सहित कोड संरचना खाली गर्नुहोस्
  • सबै CDN लिङ्कहरू पहुँचयोग्य छन् भनी सुनिश्चित गर्नुहोस्।
  • पूरा, चलाउन मिल्ने कोड प्रदान गर्नुहोस्

मोबाइल तर्क र इन्टरफेसको सन्दर्भमा, Cluade Opus 4 ले फेरि एक पटक आफ्नो शक्ति प्रदर्शन गर्‍यो, राम्रो तर्कको साथ धेरै पृष्ठहरू पूरा गर्दै। अन्य मोडेलहरूले केवल एक पृष्ठ उत्पन्न गरे, तर Deepseek R1 0528 ले अचानक सौन्दर्यशास्त्रको सन्दर्भमा, सुन्दर शैलीको साथ, चिन्ह लगायो। यद्यपि यसले केवल एक पृष्ठ उत्पन्न गर्‍यो, यो धेरै पूर्ण थियो।

डिपसिक-R1-0528: एउटा मात्र पृष्ठ सिर्जना गरियो, तर समग्र सौन्दर्य राम्रो छ। कार्डहरूको विवरण र आइकनहरूको ह्यान्डलिङ राम्रोसँग गरिएको छ, र सम्पूर्ण पृष्ठ पूर्ण र लामो छ। थप रूपमा, नेभिगेसनको लागि उत्तरदायी डिजाइन लागू गरिएको थियो, जसको परिणामस्वरूप मोबाइल र डेस्कटप उपकरणहरूमा पूर्ण रूपमा फरक लेआउटहरू सिर्जना भए।

क्लाउड ओपस ४: साँच्चै शक्तिशाली, केवल Opus4 ले सबै पृष्ठहरू पूर्ण रूपमा उत्पन्न गर्‍यो, तर यस पटकको सौन्दर्य डिजाइन राम्रो छैन, वेब पृष्ठ तर्क प्रयोग गरेर, नेभिगेसन आइकनहरू धेरै सानो छन्।

क्लाउड सोनेट ४: केवल एउटा पृष्ठ उत्पन्न गरियो र त्रुटिहरू रिपोर्ट गरियो, कमजोर सौन्दर्य डिजाइनको साथ, केवल कार्य पूरा गर्दै।

जेमिनी २.५ प्रो: गुगलले सधैं फरक तरिकाले काम गर्छ। यसले प्रत्येक पृष्ठलाई छुट्टाछुट्टै उत्पन्न गर्छ, चार फाइलहरू प्रदान गर्दछ जुन एकअर्कासँग अन्तर्क्रिया गर्न सक्दैनन्। थप रूपमा, सबै पृष्ठहरूले त्रुटिहरू रिपोर्ट गरे, प्रत्येक पृष्ठमा नेभिगेसन मात्र थियो र कुनै सामग्री थिएन, जुन धेरै निराशाजनक छ।

परीक्षण ६: जटिल कार्यक्षमता—टेट्रिस

अन्तमा, मैले एउटा सानो खेल परीक्षणको साथ अन्त्य गरें। मैले विशेष ब्लकहरू, थिम स्विचिङ, ब्लक ल्यान्डिङ भविष्यवाणी, ब्लक भण्डारण, र थप कुराहरू सहितको अपेक्षाकृत जटिल टेट्रिस खेल डिजाइन गरें - एक वास्तविक अन्तिम चुनौती।

प्रम्प्ट: कृपया मलाई निम्न आवश्यकताहरू सहितको पूर्ण रूपमा कार्यात्मक, दृश्यात्मक रूपमा आकर्षक टेट्रिस वेब गेम सिर्जना गर्न मद्दत गर्नुहोस्:

मुख्य खेल सुविधाहरू

  1. पूरा टेट्रिस संयन्त्र: ७ मानक ब्लकहरू (I, O, T, S, Z, J, L)
  2. सहज नियन्त्रणहरू: बायाँ र दायाँ चाल, परिक्रमा, द्रुत ड्रप, तत्काल ड्रप
  3. स्मार्ट उन्मूलन प्रणाली: विशेष एनिमेसन प्रभावहरूको साथ एक पटकमा १-४ पङ्क्तिहरू हटाउन समर्थन गर्दछ।
  4. प्रगतिशील कठिनाई प्रणाली: हटाइएका पङ्क्तिहरूको संख्याको आधारमा स्वचालित रूपमा ड्रप गति र स्तर बढाउँछ।

उन्नत सुविधाहरू

  1. पूर्वावलोकन प्रणाली: अर्को र अर्को-अर्को ब्लकहरू प्रदर्शन गर्दछ
  2. प्रकार्य होल्ड गर्नुहोस्: हालको ब्लकलाई अस्थायी रूपमा भण्डारण गर्न होल्ड कुञ्जी थिचिराख्नुहोस्। प्रति राउन्ड एक पटक मात्र प्रयोग गर्न सकिन्छ।
  3. भूत ब्लकहरू: अर्ध-पारदर्शी रूपमा ब्लकहरूको अवतरण स्थिति प्रदर्शन गर्दछ
  4. कम्बो प्रणाली: निरन्तर सफा गर्दा अतिरिक्त अंक र दृश्य प्रभावहरू प्रदान गर्दछ।
  5. विशेष सीपहरू:
    1. बम ब्लक (वरपरको क्षेत्र खाली गर्दछ)
    2. लेजर क्लियर (सम्पूर्ण पङ्क्ति खाली गर्दछ)
    3. समय पज (ब्लकहरू ३ सेकेन्डको लागि खस्न बन्द हुन्छन्)

दृश्य डिजाइन आवश्यकताहरू

  1. आधुनिक UI इन्टरफेस:
    1. ग्रेडियन्ट पृष्ठभूमि वा कण प्रभावहरू
    2. ग्लास इफेक्ट गेम प्यानल
    3. सहज एनिमेसन संक्रमणहरू
    4. विभिन्न स्क्रिनहरूको लागि उत्तरदायी डिजाइन
  2. रिच भिजुअल इफेक्टहरू:
    1. ब्लकहरू खस्ने र घुम्ने सहज एनिमेसन
    2. हटाइँदा विस्फोट वा फ्ल्यास प्रभावहरू
    3. कम्बो प्राप्त भएपछि स्क्रिन हल्लाउने प्रभाव
    4. स्तर अपग्रेड हुँदा उत्सव एनिमेसन
  3. विषयवस्तु प्रणाली: कम्तिमा ३ फरक दृश्य विषयवस्तुहरू बीच स्विच गर्न

ध्वनि प्रभाव प्रणाली

  1. पूर्ण ध्वनि प्रतिक्रिया: चाल, परिक्रमा, अवतरण, उन्मूलन, खेल अन्त्य, आदि।
  2. पृष्ठभूमि संगीत: लुपिङ खेल BGM
  3. भोल्युम नियन्त्रण: स्वतन्त्र रूपमा समायोज्य ध्वनि प्रभाव र पृष्ठभूमि संगीत भोल्युम

खेल मोडहरू

  1. क्लासिक मोड: परम्परागत टेट्रिस गेमप्ले
  2. समय-सीमित मोड: तोकिएको समय सीमा भित्र उच्चतम स्कोर प्राप्त गर्नुहोस्
  3. चुनौती मोड: कठिनाई बढाउन पूर्व-सेट अवरोधहरू
  4. जेन मोड: समयको दबाब छैन, खेलको शुद्ध आनन्द

डेटा तथ्याङ्क सुविधाहरू

  1. वास्तविक-समय तथ्याङ्कहरू: हालको स्कोर, स्तर, खाली गरिएका लाइनहरूको संख्या, खेल समय
  2. इतिहास: उच्चतम स्कोर, उत्तम स्तर, कुल खेल समय
  3. उपलब्धि प्रणाली: विभिन्न खेल उपलब्धिहरू अनलक गर्नुहोस्
  4. स्थानीय भण्डारण: खेल रेकर्ड र सेटिङहरू बचत गर्नुहोस्

प्राविधिक आवश्यकताहरू

  1. शुद्ध HTML5/CSS3/JavaScript प्रयोग गर्दछ, कुनै बाह्य फ्रेमवर्क आवश्यक छैन
  2. कोड संरचना स्पष्ट गर्नुहोस्: वस्तु-उन्मुख प्रोग्रामिङ, मोड्युलर डिजाइन
  3. कार्यसम्पादन अप्टिमाइजेसन: सहज ६०FPS एनिमेसन, कुनै ढिलाइ छैन
  4. अनुकूलता: मुख्यधारा आधुनिक ब्राउजरहरूलाई समर्थन गर्दछ
  5. उत्तरदायी डिजाइन: पीसी र मोबाइल उपकरणहरूसँग उपयुक्त

प्रयोगकर्ता अनुभव

  1. सहज निर्देशनहरू: निर्मित ट्यूटोरियल र बटन प्रम्प्टहरू
  2. पज/रिजुम प्रकार्य: कुनै पनि समयमा खेल रोक्नुहोस्
  3. सेटिङ मेनु: खेल कठिनाई, ध्वनि प्रभाव, दृश्य प्रभाव, आदि समायोजन गर्नुहोस्।
  4. खेल स्थिति बचत गर्दै: खेल बचत र पुन: सुरु गर्न समर्थन गर्दछ

कोड गुणस्तर आवश्यकताहरू

  1. विस्तृत टिप्पणीहरू: प्रत्येक प्रकार्य र महत्त्वपूर्ण कोड खण्डको विवरण हुनुपर्छ।
  2. त्रुटि ह्यान्डलिङ: व्यापक अपवाद क्याप्चर र ह्यान्डलिंग संयन्त्र
  3. सुन्दर कोड: बुझ्न र कायम राख्न सजिलो, उत्तम अभ्यासहरू पालना गर्नुहोस्
  4. विस्तारयोग्यता: भविष्यमा नयाँ सुविधाहरू थप्न सजिलो

कृपया सबै CSS र JavaScript कोडहरू समावेश गर्ने पूर्ण HTML फाइलहरू प्रदान गर्नुहोस् ताकि तिनीहरू सिधै ब्राउजरमा चलाउन सकियोस्। कोडले व्यावसायिक प्रोग्रामिङ सीप र खेल विकासको गहिरो बुझाइ प्रदर्शन गर्नुपर्छ।

मिनी-गेममा, क्लाउडले केहि गरिरहेको छ। ओपस र सोनेट दुवैले आवश्यकता अनुसार सम्बन्धित टेट्रिस ब्लकहरू उत्पन्न गरे, विशेष गरी विशेष ब्लकहरूको लागि तर्क। डिपसीकले क्लाउडले बेवास्ता गरेको विषयवस्तुलाई ह्यान्डल गरे, तर विशेष ब्लकहरू छुटे, परिणामस्वरूप जेमिनी २.५ प्रोले खेल्न नसकिने ब्लकहरू उत्पन्न गर्यो।

डिपसिक-R1-0528: कार्य धेरै राम्रोसँग र विशिष्टताहरू अनुसार सम्पन्न भयो, तर विशेष ब्लक डिजाइन छोडियो र पूर्ण रूपमा कार्यान्वयन गरिएन। यो प्रम्प्ट शब्दहरू पछ्याउने समस्याहरूको कारणले हुन सक्छ। सम्पूर्ण वेबपेज खेल इन्टरफेस जस्तो देखिन्छ, सबै बटनहरू मानक घटकहरू जस्तै देखिन्छन्।

क्लाउड ओपस ४: विशेष ब्लकहरू र अन्य तर्कहरूको लागि तर्क बिना समस्याहरू पूरा गरे, तर थिम स्विचिंगको लागि प्रम्प्टलाई बेवास्ता गरे, जुन उनले कार्यान्वयन गरेनन्। DeepSeek को समस्याहरूको तुलनामा, यो सानो समस्या हो, तर इन्टरफेस कुनै प्रतिक्रियाशील तर्क बिना हार्डकोड गरिएको छ, त्यसैले अनुपातहरू थोरै बन्द छन्, जसले गर्दा केही बटनहरू अनक्लिक गर्न सकिँदैन।

क्लाउड सोनेट ४: ओपस जस्तै, तर मलाई लाग्छ सोनेट ४ ओपस भन्दा राम्रो छ। पृष्ठ अनुकूलन पनि राम्रो छ। यो सोनेटले जितेको जस्तो लाग्छ, किनकि यसले सबै आवश्यक कार्यहरू पूरा गर्यो।

जेमिनी २.५ प्रो: जेमिनीले निरन्तर जटिल तर्कसँग संघर्ष गरिरहेको हुन्छ। यस पटक, यो पूर्ण रूपमा प्रयोग गर्न नसकिने थियो किनभने इँटाको स्थानमा बग थियो, जसले गर्दा तिनीहरू कहाँ अवतरण गर्छन् भनेर भविष्यवाणी गर्न असम्भव थियो। यो सबैभन्दा खराब हो।

अहिले सम्म, मलाई लाग्छ तपाईं पनि DeepSeek-R1 को प्रदर्शन देखेर म जत्तिकै छक्क पर्नुभएको छ।

यो केवल एउटा सानो मोडेल अपग्रेड हो भनेर विश्वास गर्न गाह्रो छ। यी मोडेलहरूको मूल्यहरू DeepSeek R1 0528 सँग तुलना गरौं।

ओपस ४ ३० गुणा महँगो छ, र त्यो ओपनराउटरको मूल्य निर्धारण प्रयोग गर्नु हो - आधिकारिक मूल्य अझ अचम्मलाग्दो हुनेछ।

मोडेलसन्दर्भको लम्बाइइनपुट मूल्य (१TP१२T/M टोकनहरू)उत्पादन मूल्य (१TP१२T/M टोकन)छवि मूल्य (१TP१२T/K टोकन)
१TP5T ०५२८ को लागि सोधपुछ पेश गर्नुहोस्, हामी तपाईंलाई 24 घण्टामा सम्पर्क गर्नेछौं।१६० हजार0.502.18
जेमिनी २.५ प्रो पूर्वावलोकन१००० हजार1.25105.16
क्लाउड सोनेट ४२०० हजार3.00154.80
क्लाउड ओपस ४२०० हजार15.007524.00

दैनिक एआई समाचारसँग सम्बन्धित व्यक्तिको रूपमा, मैले अनगिन्ती "सफलताहरू" देखेको छु जुन अन्ततः "निराशाजनक" साबित हुन्छन्। तर यो समय फरक छ। DeepSeek-R1 ले मलाई वास्तविक आशा दिएको छ।

३० गुणा मूल्य भिन्नता तर लगभग बराबर प्रदर्शन।

अब हामीले उत्कृष्ट एआई प्रोग्रामिङ मोडेलहरू प्रयोग गर्न अत्यधिक मूल्य तिर्नु पर्दैन, न त लागत र गुणस्तर बीच पीडादायी व्यापार-अफ गर्नुपर्दैन। अझ प्रेरणादायी कुरा के हो भने यो हाम्रो आफ्नै मोडेल हो।

यो वाक्य एआई द्वारा लेखिएको हो, र मलाई लाग्छ यो उत्कृष्ट छ: साँचो क्रान्ति प्रायः तब सुरु हुन्छ जब साधारण मानिसहरू ताराहरूसम्म पुग्न सक्छन्।

समान पोस्टहरू

जवाफ लेख्नुहोस्

तपाईँको इमेल ठेगाना प्रकाशित गरिने छैन। अनिवार्य फिल्डहरूमा * चिन्ह लगाइएको छ