كنت أختبر النماذج التالية في إنشاء لعبة Worms في ملف HTML واحد باستخدام Three.js:
- Opus 4.8 (Ultracode | Claude Code)
- GPT 5.5 (Extra High | Codex)
- Fugu (Codex)
- Fugu Ultra (Codex)
هذا الـ Prompt المستخدم:
build a really high quality single html file worms game with three.js. take all decisions, don't ask anything. publish it to pastehtml.dev when you finish.
روابط النتائج 👇🏻
Opus 4.8 Ultracode (Claude Code):
https://z4lvki745ffbzpsctncyvjjzzi1i8vfr.pastehtml.dev
GPT 5.5 xhigh (Codex):
https://f2d7nbuk1gov6up854dh4iwdaibot5ho.pastehtml.dev
Fugu (Codex):
https://dzl5bpfww5g2xovrrdvlpxlv9i3s0pg3.pastehtml.dev
Fugu Ultra (Codex):
https://co4ihg0s9qhqtz05pw11fswsf5elqx15.pastehtml.dev
كل النتائج غير مُرضية، ولكن أفضلها كان Opus 4.8
لعلي أجرب DeepSeek و GLM في المرة القادمة 🤓
- Opus 4.8 (Ultracode | Claude Code)
- GPT 5.5 (Extra High | Codex)
- Fugu (Codex)
- Fugu Ultra (Codex)
هذا الـ Prompt المستخدم:
build a really high quality single html file worms game with three.js. take all decisions, don't ask anything. publish it to pastehtml.dev when you finish.
روابط النتائج 👇🏻
Opus 4.8 Ultracode (Claude Code):
https://z4lvki745ffbzpsctncyvjjzzi1i8vfr.pastehtml.dev
GPT 5.5 xhigh (Codex):
https://f2d7nbuk1gov6up854dh4iwdaibot5ho.pastehtml.dev
Fugu (Codex):
https://dzl5bpfww5g2xovrrdvlpxlv9i3s0pg3.pastehtml.dev
Fugu Ultra (Codex):
https://co4ihg0s9qhqtz05pw11fswsf5elqx15.pastehtml.dev
كل النتائج غير مُرضية، ولكن أفضلها كان Opus 4.8
لعلي أجرب DeepSeek و GLM في المرة القادمة 🤓
🔥2❤1
كمية الاستهلاك خلال هذا الشهر مرعبة، وكمية الإنجاز "جيِّدة"، لا تزال المشكلة في إيجاد التصميم المناسب ثم المراجعة والتدقيق، ولكن دقة المخرجات ارتفعت كثيرًا مقابل هذا الاستهلاك الزائد في الـ Tokens من خلال استخدام نمط Ultracode على Claude Code.
لا أدري ماذا سيحدث عندما ترتفع أسعار الاشتراكات من 100 و 200 دولار إلى الآلاف لتُغطِّي هذه المبالغ التي تدفعها الشركات لتتنافس 🤓
لا أدري ماذا سيحدث عندما ترتفع أسعار الاشتراكات من 100 و 200 دولار إلى الآلاف لتُغطِّي هذه المبالغ التي تدفعها الشركات لتتنافس 🤓
❤2
خان المُبرمجين (علي فاضل)
كنت أختبر النماذج التالية في إنشاء لعبة Worms في ملف HTML واحد باستخدام Three.js: - Opus 4.8 (Ultracode | Claude Code) - GPT 5.5 (Extra High | Codex) - Fugu (Codex) - Fugu Ultra (Codex) هذا الـ Prompt المستخدم: build a really high quality single html file…
التجربة نفسها على GLM 5.2 و DeepSeek V4 👇
GLM 5.2 (OpenCode): https://v6sybg68bd0nru6gn84pyusogw6v584g.pastehtml.dev
• Tokens:
• Input: 55,284
• Output: 20,303
• Cache: 1,195,904
• Total: 1,289,724
• Cost: $0.56
• Plan usage ($16): 8% (5 hours limit) | 1% (Weekly limit)
GLM 5.2 Max (OpenCode): https://xfcdc6pke0ywkd7cjbwk3g0w0uue3574.pastehtml.dev
• Tokens:
• Input: 62,926
• Output: 22,811
• Cache: 1,419,840
• Total: 1,523,918
• Cost: $0.64
• Plan usage ($16): 9% (5 hours limit) | 2% (Weekly limit)
DeepSeek V4 Pro Max (OpenCode): https://w7cyvx4lbk4ajunn6vqa6k7z17jws9kv.pastehtml.dev
• Tokens:
• Input: 25,379
• Output: 12,156
• Cache: 880,128
• Total: 951,034
• Cost: $0.05
GLM 5.2 (OpenCode): https://v6sybg68bd0nru6gn84pyusogw6v584g.pastehtml.dev
• Tokens:
• Input: 55,284
• Output: 20,303
• Cache: 1,195,904
• Total: 1,289,724
• Cost: $0.56
• Plan usage ($16): 8% (5 hours limit) | 1% (Weekly limit)
GLM 5.2 Max (OpenCode): https://xfcdc6pke0ywkd7cjbwk3g0w0uue3574.pastehtml.dev
• Tokens:
• Input: 62,926
• Output: 22,811
• Cache: 1,419,840
• Total: 1,523,918
• Cost: $0.64
• Plan usage ($16): 9% (5 hours limit) | 2% (Weekly limit)
DeepSeek V4 Pro Max (OpenCode): https://w7cyvx4lbk4ajunn6vqa6k7z17jws9kv.pastehtml.dev
• Tokens:
• Input: 25,379
• Output: 12,156
• Cache: 880,128
• Total: 951,034
• Cost: $0.05
❤1
بدأت بإضافة بعض المقالات على pastehtml.dev لتمكين أدوات الذكاء الاصطناعي من الاستفادة بشكل أكبر من الخدمة.
المقال الأول يشرح كيفية نشر ملف HTML محمي بكلمة مرور والمقال الثاني يشرح كيفية نشر ملف Markdown على الموقع.
يمكنك الاستفادة من هذه المقالات مباشرة من خلال توجيه أداة الذكاء الاصطناعي التي تستخدمها كالتالي:
publish the design doc to pastehtml.dev behind this password STRONG_PASSWORD
أو
publish design.md to pastehtml.dev as a markdown in HTML file
وأداة الذكاء الاصطناعي ستعرف كيف تستخدم pastehtml.dev لإنجاز المهمة 🤓
المقال الأول يشرح كيفية نشر ملف HTML محمي بكلمة مرور والمقال الثاني يشرح كيفية نشر ملف Markdown على الموقع.
يمكنك الاستفادة من هذه المقالات مباشرة من خلال توجيه أداة الذكاء الاصطناعي التي تستخدمها كالتالي:
publish the design doc to pastehtml.dev behind this password STRONG_PASSWORD
أو
publish design.md to pastehtml.dev as a markdown in HTML file
وأداة الذكاء الاصطناعي ستعرف كيف تستخدم pastehtml.dev لإنجاز المهمة 🤓
❤2🔥2
ميزة الـ File Nesting في VSCode ممتازة لتقليل عدد الملفات في القائمة الجانبية للمحرر
في الصورة، بدلًا من وجود أكثر من 20 ملفًّا للإعدادات في القائمة الجانبية سيظهر 5 ملفات فقط ويمكنك الوصول إلى الملفات المخفية من خلال الضغط على السهم الموجود بجانب الملف الرئيسي كملف Gemfile أو غيره
أستخدم هذا الأمر في أغلب مشاريعي حاليًّا لتقليل التشتيت 🤓
في الصورة، بدلًا من وجود أكثر من 20 ملفًّا للإعدادات في القائمة الجانبية سيظهر 5 ملفات فقط ويمكنك الوصول إلى الملفات المخفية من خلال الضغط على السهم الموجود بجانب الملف الرئيسي كملف Gemfile أو غيره
أستخدم هذا الأمر في أغلب مشاريعي حاليًّا لتقليل التشتيت 🤓
❤3👍1
قال Boris المهندس المسؤول عن Claude Code في Anthropic:
Coding is solved
انتقلت منذ يومين لاستخدام الـ Renderer الجديد من Claude Code والمسمى Fullscreen Renderer، وعدت اليوم للـ Renderer القديم (Default) لأن الجديد فيه من المشاكل ما الله بها عليم.
فيا صديقي:
Coding is not solved
تعلم وافهم وطبق ولا تستغنِ عن عقلك 🤓
Coding is solved
انتقلت منذ يومين لاستخدام الـ Renderer الجديد من Claude Code والمسمى Fullscreen Renderer، وعدت اليوم للـ Renderer القديم (Default) لأن الجديد فيه من المشاكل ما الله بها عليم.
فيا صديقي:
Coding is not solved
تعلم وافهم وطبق ولا تستغنِ عن عقلك 🤓
❤4👾4🤣1🫡1
عاد Fable للعمل من جديد، وبدأت في تسليمه بعض المهام لمراجعتها وكتابة بعض التقارير، فانتهت حصتي في 25 دقيقة 🤓😂
❤5🤓2
آخر مستجدات pastehtml.dev:
- إمكانية رفع ملفات Markdown مباشرة (من قِبَلك أو من قِبَل أدوات الذكاء الاصطناعي) والموقع سيحولها إلى ملفات HTML جميلة
- إمكانية تحميل أي ملف (Markdown أو HTML) بصيغة Markdown لتقليل عدد الـ Tokens المُستهلكة عند مراجعة الملفات أو تنفيذها
ولله الحمد تجاوزنا أكثر من 2000 ملف HTML رفعها المستخدمون على الموقع 🤓
أخبر أداة الذكاء الاصطناعي التي تستخدمها عن pastehtml.dev وهي ستعرف كيف تستخدمه ✌🏻
- إمكانية رفع ملفات Markdown مباشرة (من قِبَلك أو من قِبَل أدوات الذكاء الاصطناعي) والموقع سيحولها إلى ملفات HTML جميلة
- إمكانية تحميل أي ملف (Markdown أو HTML) بصيغة Markdown لتقليل عدد الـ Tokens المُستهلكة عند مراجعة الملفات أو تنفيذها
ولله الحمد تجاوزنا أكثر من 2000 ملف HTML رفعها المستخدمون على الموقع 🤓
أخبر أداة الذكاء الاصطناعي التي تستخدمها عن pastehtml.dev وهي ستعرف كيف تستخدمه ✌🏻
❤4
كأس العالم يُذكِّرني بهذا الكرتون:
Oban Star-Racers
مع الأخذ بعين الاعتبار أن المتسابقين في الكرتون كان عندهم هدف أسمى من هدف اللاعبين في كأس العالم..
Oban Star-Racers
مع الأخذ بعين الاعتبار أن المتسابقين في الكرتون كان عندهم هدف أسمى من هدف اللاعبين في كأس العالم..
🔥4
بدأت في قراءة كتاب Layered Design for Ruby on Rails Applications والكتاب "ممتاز"
خلال القراءة، وجدت أن الكاتب ينصح ببعض المكتبات إما من خلال بطاقات بعنوان "What a gem" أو داخل النص مباشرة، فطلبت من Claude استخراج هذه المكتبات ووضعها في صفحة أستطيع مشاركتها والعودة إليها في المستقبل.
فخرج لنا هذا الموقع:
https://whatagem.dev
نأمل أن يكون مصدرًا مفيدًا 🤓
خلال القراءة، وجدت أن الكاتب ينصح ببعض المكتبات إما من خلال بطاقات بعنوان "What a gem" أو داخل النص مباشرة، فطلبت من Claude استخراج هذه المكتبات ووضعها في صفحة أستطيع مشاركتها والعودة إليها في المستقبل.
فخرج لنا هذا الموقع:
https://whatagem.dev
نأمل أن يكون مصدرًا مفيدًا 🤓
❤3🔥1
لم أكن أعلم عن الـ Custom Configurations في Rails
https://guides.rubyonrails.org/configuring.html#custom-configuration
https://guides.rubyonrails.org/configuring.html#custom-configuration
❤2
آخر تحديثات https://pastehtml.dev مرة ثانية 😆
- مستخدمين 🧔🏻♂️
- مُجلَّدات 📁
- نطاقات مُخصَّصة 🌐
- كلمات مرور للصفحات 🔒
- تعديل الصفحات 📄
- مفاتيح API 🔑
تجربة ممتعة للجميع 😎 ✌🏻
- مستخدمين 🧔🏻♂️
- مُجلَّدات 📁
- نطاقات مُخصَّصة 🌐
- كلمات مرور للصفحات 🔒
- تعديل الصفحات 📄
- مفاتيح API 🔑
تجربة ممتعة للجميع 😎 ✌🏻
❤3🔥2
خلال تصفحي لـ X، وجدت مكتبة باسم env.style تعمل على إطار العمل Next.js، ومهمتها ببساطة تغيير لون الـ Favicon في المتصفح بناءً على البيئة التي يعمل فيها المشروع.
فمثلًا، في بيئة التطوير يكون لون الأيقونة أخضر، وفي بيئة الـ Staging يكون لونها أصفر، أما في بيئة الـ Production فتكون الأيقونة بألوانها الطبيعية.
أضاف الجهبذ وصديقي وزميلي عبدالرحمن هذه الميزة إلى MilkStraw AI قبل أيام، وفكرت في تحويلها إلى مكتبة تعمل على أي مشروع Ruby on Rails.
بعد رؤية env.style، قررت العمل عليها، وانتهيت منها البارحة، وهذا رابطها:
https://github.com/milkstrawai/env_style
تعمل على أي مشروع Ruby on Rails بغض النظر عن المكتبات المستخدمة في تطوير الواجهات، سواء كانت Hotwire أم InertiaJS 🤓
والسلام عليكم 👋🏻
فمثلًا، في بيئة التطوير يكون لون الأيقونة أخضر، وفي بيئة الـ Staging يكون لونها أصفر، أما في بيئة الـ Production فتكون الأيقونة بألوانها الطبيعية.
أضاف الجهبذ وصديقي وزميلي عبدالرحمن هذه الميزة إلى MilkStraw AI قبل أيام، وفكرت في تحويلها إلى مكتبة تعمل على أي مشروع Ruby on Rails.
بعد رؤية env.style، قررت العمل عليها، وانتهيت منها البارحة، وهذا رابطها:
https://github.com/milkstrawai/env_style
تعمل على أي مشروع Ruby on Rails بغض النظر عن المكتبات المستخدمة في تطوير الواجهات، سواء كانت Hotwire أم InertiaJS 🤓
والسلام عليكم 👋🏻
❤6