تصميم صفحة ويب تعليمية بسيطة مرتبطة بالذكاء الاصطناعي

إنشاء صفحة هبوط الذكاء الاصطناعي التصميم الإبداعي الفكرة التصميمية تصميم واجهة المستخدم html5 CSS3 جافا سكريبت إنشاء صفحة هبوط الذكاء الاصطناعي التصميم الإبداعي الفكرة التصميمية تصميم واجهة المستخدم html5 CSS3 جافا سكريبت

أرغب في إنشاء صفحة ويب تعليمية تفاعلية (واجهة واحدة فقط) تكون وسيطًا بين المستخدم ونموذج ذكاء اصطناعي (OpenAI أو Gemini). مثل هذه الصفحة: https://gemini.google.com... الفكرةالمطلوبة: صفحة عربية (اتجاه RTL) بتصميم بسيط ومتجاوب مع الجوال والكمبيوتر. تحتوي على قائمة يختار المعلم احدها وهي: مبادرة - لعبة تعليمية - ربط STEM ثم نموذج إدخال حقول (المرحلة الدراسية، المادة، هدف التعلم، نواتج التعلم، إلخ). عند تعبئة النموذج والضغط على زر "توليد"، يتم إرسال المدخلات إلى وكيل خلفي (API Proxy) يتصل بالذكاء الاصطناعي. عرض النتيجة في شكل (لعبة تعليمية / ربط STEM / مبادرة تعليمية) بحسب اختيار المعلم المسبق. إضافة زر "تحميل النتيجة" لتنزيل المخرجات على جهاز المستخدم بصيغة JSON أو ملف نصي. ملاحظات: لا يوجد تسجيل دخول. لا يتم حفظ أي بيانات (لا مدخلات ولا مخرجات). المطلوب فقط: واجهة HTML/CSS/JS + كود الوكيل (مثلاً Google Apps Script أو Node.js). تسليم رابط الصفحة جاهز + السورس