كيف تبنوا موقع سينمائي بـ GPT-٥.٦: ٤ طرق كاملة
رابط الموقع: https://suheilai.com/website-demo (لأفضل تجربة، افتحوا الموقع من الكمبيوتر)
رابط الكود المصدري: https://github.com/RoXsaita/suheilai-cinematic-website
تنبيه مهم قبل ما تبدأوا: البرومبت اللي استخدمته بالفيديو بعتمد على ChatGPT مع Grok Build CLI لتحريك الفيديوهات، وهاد المسار بده اشتراك ويكون Grok Build CLI مثبت ومربوط بحسابكم.
بعرف إن أغلبكم ما عنده Grok Build CLI، عشان هيك شاركتكم أربع طرق مختلفة تقدروا تبنوا فيها الموقع. اختاروا طريقة واحدة فقط حسب وضعكم:
- •فيديوهات جاهزة من الإنترنت: Codex يبحث عن فيديوهات مناسبة ويبني الموقع كامل بدون ما تحتاجوا أداة لتوليد الفيديو
- •البرومبت الأصلي من الفيديو، مسار متقدم: هذا هو نفس البرومبت اللي استخدمته بالفيديو، وبيعتمد على ChatGPT مع Grok Build CLI لتوليد الصور وتحريكها. لازم يكون Grok Build CLI مثبت ومربوط بحسابكم، وبدّه اشتراك. Higgsfield CLI هو البديل الوحيد إذا كان مثبت ومربوط بحسابكم
- •الفيديوهات الجاهزة من الدليل: نزّلوا الحزمة اللي جهزتها واستخدموا الفيديوهات السبعة مباشرة
- •فيديوهاتكم أنتم: إذا عندكم فيديوهات جاهزة، حطّوها داخل المشروع. وإذا ما عندكم، افتحوا نفس الخيار حتى تشوفوا طرق توليدها باستخدام Google Flow
قبل ما تبدأوا
- •نزّلوا تطبيق ChatGPT للكمبيوتر
- •تأكدوا إن Google Chrome مثبت
- •استخدموا Codex داخل تطبيق ChatGPT. Codex متاح للجميع، وهو الخيار المستخدم بهذا الدليل
- •من model selector داخل Codex اختاروا
gpt5.6-sol-highقبل تشغيل أي واحد من المسارات
الخطوة 1: نزّلوا تطبيق ChatGPT وافتحوا Codex
افتحوا chatgpt.com/download واختاروا macOS أو Windows. نزّلوا التطبيق، ثبّتوه، افتحوه، وسجّلوا دخولكم.
من القائمة داخل تطبيق ChatGPT اختاروا Codex. هذا هو المسار اللي استخدمته بالفيديو واللي راح نستخدمه لبناء الموقع.
الخطوة 2: فعّلوا Chrome plugin
من داخل Codex افتحوا Plugins، دوروا على Chrome، واضغطوا Install أو Add حسب النص الظاهر عندكم.
الخطوة 3: ثبّتوا ChatGPT Chrome extension
افتحوا صفحة ChatGPT الرسمية على Chrome Web Store. تأكدوا إن الإضافة هي ChatGPT والناشر OpenAI، وبعدها اضغطوا Add to Chrome ووافقوا على الصلاحيات المطلوبة.
الخطوة 4: تأكدوا إن الربط اشتغل
افتحوا extension من شريط Chrome وتأكدوا إن الحالة صارت Connected. ارجعوا لتطبيق ChatGPT وتأكدوا إن Chrome plugin مفعّل.
الخطوة 5: اعملوا مشروع جديد
من داخل Codex اختاروا New project واعملوا مشروع جديد. بعدين انزلوا على الخيارات تحت واختاروا طريقة واحدة حسب وضعكم.
Choose one path
اختاروا طريقة واحدة فقط
كل خيار تحت بفتح تعليماته. برومبت بناء الموقع دائماً ملصّق بوضوح وبتعطوه لـ Codex. برومبتات توليد الصور أو الفيديو بتظهر فقط داخل خيار فيديوهاتكم.
الخيار 01
موقع كامل بفيديوهات جاهزة من الإنترنت
Codex يبحث عن الاتجاه البصري، يختار فيديوهات جاهزة مناسبة من الإنترنت، يجهزها للـ scroll، ويبني ويفحص الموقع كامل.
هذا الخيار مناسب إذا: اختاروا هذا المسار إذا بدكم نتيجة كاملة بدون توليد فيديوهات أو تجهيز أصول خاصة.
قبل ما تشغّلوا البرومبت
- فولدر مشروع جديد وفاضي
- Chrome plugin والـ extension شغالين
- أي logo أو ألوان أو روابط مرجعية بدكم تحافظوا عليها
- ما بتحتاجوا اشتراك image-to-video
برومبت بناء الموقع · الخيار 01
هذا البرومبت مخصص لبناء الموقع. الصقوه داخل Codex، مش داخل Google Flow. النص الأصلي ظاهر حرفياً بدون تعديل.
جاري تحميل البرومبت الكامل...
شاهدوا الفيديو
شاهدوا فيديو GPT-5.6 وبناء الموقع ببرومبت واحد على YouTube.
إذا أي خطوة ما اشتغلت معكم، تواصلوا معي وأنا بساعدكم.