تسمح لك القطع الأثرية على الويب بإنشاء ومشاركة المكونات التفاعلية والديناميكية (HTML/CSS/JavaScript) بسلاسة مباشرة في منشوراتك. من التصورات والاختبارات إلى تطبيقات الويب خفيفة الوزن.
تم إنشاء القطعة الأثرية أعلاه باستخدام GPT-4o ومكتبة anime.js عرض توضيحي لـ CSS Grid بواسطة Claude 3.5 Sonnetتعرف على المزيد على: Discourse AI - Web Artifacts
للاستخدام: ضع سؤالاً في ذهنك، واضغط على أيقونة العنصر السحري. 
حسنًا، سآخذ استراحة الآن… الكثير من الأفكار!
أي من هذه الأمثلة لا يُظهر شيئًا على جهاز iPad 
وإذا فتحت ملء الشاشة على Hub، لا يمكنني الخروج منه دون مغادرة المنتدى.
لدينا إصدار جديد من hub يقوم @pmusaraj بنشره، هل قمت بالتحديث إلى أحدث إصدار؟
نعم! من الصعب الخروج من وضع ملء الشاشة باستخدام زر Esc على الأجهزة اللوحية، واستخدام زر الرجوع لا يعيدني إلى الموضوع بل خطوة إلى الوراء.
أعتقد أنه يمكننا دفع الحالة عند النقر على الزر لإصلاح ملء الشاشة
ربما لا يكون هذا التراكب منطقيًا عند اللمس، فهو يعيق عناصر التحكم في الأعلى على أي حال
هذه إضافة رائعة!
أود فقط إضافة بعض النقاط لمن قد يترددون في استخدام هذا. خلال الأسابيع القليلة الماضية، كنت أستخدم ChatGPT بشكل أساسي مع نموذج 4o لإنشاء صفحات HTML عادية/بسيطة باستخدام JavaScript و CSS. المدهش هو أن الكود الذي تم إنشاؤه لا يحتوي على أخطاء تقريبًا، ولكن هندسة الأوامر ضرورية للحصول على النتائج المرجوة. في بعض الأحيان، قد لا يكون ما تفكر فيه وما يعتقده النموذج أنك تريده هو نفسه، لذا يلزم تعديل بسيط للأمر.
إذا كان لديك وصول إلى canvas في وضع الترميز أو ما شابه، فهذه أدوات رائعة للبدء. أيضًا، إذا لم تكن مبرمجًا ولا تفعل هذا عادةً، فإن إحدى الأدوات المفضلة لإصلاح الأخطاء هي معرفة مفتاح F12 (مرجع) مع متصفحات الإنترنت.
يمكنني كتابة كتاب عن هذا، لكنني سأتوقف هنا؛ أنت في بيئة اختبار، لذا العب!
إذا قام النظام بتحديثه، فنعم. 2.0.7 قبل أسبوعين.
نعم، كانت مشكلة Hub بالفعل. سفاري يظهر بشكل جيد.
هل هناك مثال على المطالبة ممكن لنا نحن غير المبرمجين؟
تعديل
المحاولة الأولى نجحت. هذا النوع من العمل التطويري رائع. فقط أخبرنا بما هو مطلوب. ولكن بعض الأسئلة:
مطالبة مبسطة للاستخدام كقطعة أثرية ويب للذكاء الاصطناعي (ليس لدي وصول إلى القطع الأثرية لويب الذكاء الاصطناعي للاختبار ولكن يجب أن تعمل أو تكون قريبة جدًا)
أنشئ لعبة ماكينة قمار، استخدم جافاسكريبت و CSS.
المطالبة الفعلية المستخدمة مع ChatGPT 4o
أنشئ صفحة HTML بسيطة للعبة ماكينة قمار، استخدم جافاسكريبت و CSS. أنشئها كصفحة HTML واحدة للتنزيل.
هنا مطالبة أكثر تقدمًا تم تعديلها عدة مرات قبل تحقيق النتيجة المرجوة. سيتعين تعديلها للاستخدام مع قطعة أثرية ويب للذكاء الاصطناعي.
أنشئ صفحة HTML بسيطة للعبة بلاك جاك، استخدم جافاسكريبت و CSS.
- أنشئها كصفحة HTML واحدة للتنزيل.
- اعرض أوراق الموزع بعد الوقوف.
- أضف خيارًا للاعبين آليين إضافيين، اعرض أوراق اللاعبين الآليين.
- أضف خيارًا للمراهنة وتتبع المبلغ.
- اعرض مجموع أوراق اللاعب.
- اعرض أوراق الموزع قبل عرض نافذة منبثقة لمن فاز.
إذا كنت تريد شيئًا أصعب قليلاً، فأنشئ لعبة دام مع خصم آلي.
لم يتضمن هذا الإصدار إصلاح القطعة الأثرية. تمت إحالة الإصدار الجديد، 2.0.8، للمراجعة الآن، ويجب أن يكون متاحًا قريبًا.
بصراحة، أواجه صعوبة بعض الشيء في تخيل الإضافات التي تعزز المنشور بطريقة سلسة. هل هناك بالفعل أمثلة لتطبيق عملي يمكن تضمينه بطريقة سلسة؟
يوجد في منتدى الكثير من المواضيع حول تغذية الكلاب. الآن يمكنني تقديم مخطط بسيط، كمثال، ما يحتاجه كلب المستخدم يوميًا.
أود استخدام ذكاء اصطناعي، لكن هذه تفشل في كل مرة، وهي باهظة الثمن. بالتأكيد، يمكن لمكون إضافي أو ربما مكون القيام بنفس الشيء وبشكل أفضل، لكنني لا أعرف كيف.
إذا كان بإمكاني إرسال إجابة قطعة أثرية إلى شخصية ذكاء اصطناعي مع مطالبة مُعدة مسبقًا، فسيكون ذلك لطيفًا، لكنني لا أعرف ما إذا كان ذلك ممكنًا على الإطلاق.
لنجربها! 
حصلت عليها. نوعًا ما. في الأساس، إنها مجرد محادثة أخرى مع الذكاء الاصطناعي حيث يشرح المرء ما هو مطلوب، وكيف يجب أن تبدو، وإرشادات وقواعد صارمة أخرى.
إنها في الأساس Visual Basic، ولكنها أسهل 
Visual Basic للمبتدئين. 
هذه الصور من ويكيميديا؛ أتطلع إلى استخدام البيانات العامة بشكل تفاعلي، لمشاركة الفن والمعلومات. 
يا إلهي، لقد فاتني هذا الإعلان. إنه أمر مذهل! 
تهانينا للفريق.
أرى بالفعل أنه سيؤدي إلى العديد من العواقب الإيجابية، مثل زيادة تفاعل المستخدم، وتسهيل شرح/تعلم الأشياء، وتقديم ملاحظات تفاعلية. بالإضافة إلى ذلك، إنه ممتع 
.
