بناء 5 مواقع ويب في أقل من ساعة باستخدام ChatGPT-5: كيفية تحقيق ذلك وأسرار مضاعفة الإنتاجية

تطبيقات تصميم المواقع المتوفرة حاليًا. لقد جربتُ بنفسي بعضها، ولكن لم يكن أي منها بالسهولة التي وجدتها في استخدام ChatGPT-5 ليقوم ببرمجة كل شيء، بدءًا من الخطوط والألوان وصولًا إلى التصميم الكامل. يعتبر ChatGPT-5 ممتازًا في إنشاء التطبيقات، لذلك تصورت أنه سيقوم بعمل جيد في هذه المهمة أيضًا.

في الواقع، بدأت ببساطة بإعطاء الأمر التالي لـ ChatGPT-5: “أنشئ لي موقعًا إلكترونيًا.” ومن ثم، حصلت على موقع كامل، وإن كان عامًا. بدا الأمر جيدًا لدرجة يصعب تصديقها. قررت أن أجربه بتفاصيل أكثر لموقع حقيقي.

لهذه التجربة، ابتكرت مجموعة متنوعة من الشركات – من ملاعب داخلية إلى شركات تسويق – وصممت مواقع إلكترونية للشركات باستخدام ChatGPT-5. إليكم النتائج والمُطالبات التي استخدمتها.

1. مركز “أولويز سبرينغ” للحدائق

المُطالبة:“صمم موقعًا إلكترونيًا كاملاً وملونًا ومشرقًا لـ ‘Always Sunny Garden Center’. الهدف هو أن يشعر الزائر بالبهجة والوفرة، وأن يجد العملاء ما يحتاجون إليه بسهولة بالغة. طابع الشركة ودود، وخبير ولكن ليس مخيفًا، ومملوك للعائلة، وينبض بالحياة والألوان. تخيل “يوم ربيعي مبهج في الحديقة”. تأكد من أن التصميم نظيف، والأزرار واضحة، والألوان تخلق إحساسًا مشرقًا وجذابًا ومتماسكًا. يجب أن يكون التنقل بديهيًا وبارزًا.”

هذا المُطالبة مفصل جدًا في الواقع. كان بإمكاني الاكتفاء بنصف هذه المعلومات تقريبًا. ومع ذلك، إذا كانت هذه شركتي الحقيقية، فقد أود إضافة المزيد من المعلومات مثل إضافة عنوان العمل أو الشهادات أو تفاصيل محددة مثل الخط ولوحة الألوان. الرائع هو أنه يمكنك تعديل الكود. إذا لم تكن لديك خبرة في البرمجة، فلا مشكلة، ما عليك سوى مطالبة ChatGPT بالتحديثات التي تحتاجها.

استغرق ChatGPT-5 حوالي خمس دقائق لإنشاء هذا الموقع. كلما كنت أكثر تحديدًا بشأن تفاصيل موقعك، كلما استغرق الأمر وقتًا أطول. يمكنك رؤيته “يفكر” طوال الوقت أثناء كتابة الكود. ربما يمكنك فعل شيء آخر أثناء إنشائه، لكنني أجد مشاهدته وهو يعمل أمرًا مرضيًا بشكل غريب.

2. ملعب Tumbles and Giggles الداخلي للأطفال الصغار

المُطالبة: “تصميم موقع ويب مشرق ومبهج وواضح للغاية لـ ‘Tumbles & Giggles’، وهو ملعب داخلي للأطفال الصغار (من عمر 1 إلى 5 سنوات). يجب أن يطمئن الموقع الآباء بشأن السلامة والنظافة مع إثارة حماسهم بشأن المتعة التي سيحظى بها أطفالهم. الجمهور المستهدف: الآباء والأجداد ومقدمو الرعاية للأطفال الصغار. يجب أن يتمكنوا من العثور على الأسعار وساعات العمل ومعلومات السلامة بسرعة. الأجواء العامة: مرحة وعصرية ونظيفة ومتجددة الهواء. فكر في ‘سعيد ومنظم’. تجنب التصميمات الفوضوية أو المزدحمة. استخدم الكثير من المساحات البيضاء مع ألوان زاهية ورقيقة.”

كان هذا اختبارًا حقيقيًا لأنني تساءلت عما إذا كان ChatGPT-5 سيعرض صورًا للأطفال، وإذا فعل ذلك، فهل ستبدو حقيقية بما يكفي لموقع ويب تجاري. كما ترون من لقطة الشاشة، لم يتم تضمين أي صور للأطفال. هذا لن يكون مثاليًا لعمل تجاري يلبي احتياجات العائلات؛ فالوجوه المبتسمة ستساعد بالتأكيد في الترويج للمكان.

لهذا السبب، إذا كان هذا مسعاي الحقيقي، فسأطلب من ChatGPT إجراء تمريرة أخرى. بخلاف ذلك، يبدو الموقع جيدًا ويكتمل مع تنازل واضح في المقدمة.

3. مقهى The Daily Grind

المُطالبة:“تصميم موقع ويب لمقهى حي عصري ودافئ وجذاب اسمه “The Daily Grind”. يجب أن يحفز الموقع المستخدمين على اشتهاء قهوتنا ومعجناتنا ويشعرهم بالرغبة في الزيارة. يجب أن يكون الموقع مدفوعًا بصريًا ويؤكد على المجتمع وتجربة الاستمتاع بالقهوة في مكان مريح. يجب أن يجذب الموقع السكان المحليين والعاملين عن بعد والطلاب والأشخاص الذين يبحثون عن مكان للاجتماع. يجب أن يتمكنوا من رؤية القائمة والعثور على الموقع/ساعات العمل والحصول على فكرة عن أجواء المقهى. الأجواء العامة مريحة وجذابة وعصرية واجتماعية. يجب أن تكون الصور أصلية وتسلط الضوء على الأشخاص الذين يستمتعون بوقتهم.”

كان الموقعان الأول والثاني جيدين، لكنهما متشابهان إلى حد ما. (هل أقول، مملان؟) كانت العناصر المرئية تفتقر إلى الجودة. كنت بحاجة إلى أن يرتقي ChatGPT-5 بمستواه، لذلك ذكرت على وجه التحديد “صورة فوتوغرافية” في هذا المطلب لإعلام الذكاء الاصطناعي بأننا بحاجة إلى عناصر مرئية أفضل لهذا الموقع.

شعرت بخيبة أمل لأن التكرار الأول للموقع لم يتضمن أي صور بشرية. كان الموقع أيضًا مشابهًا جدًا للآخرين. من الواضح أن ChatGPT-5 لديه قالب. لذلك، أعدت توجيه الذكاء الاصطناعي وطلبت منه تضمين صور.

ما بدا وكأنه طلب بسيط كاد أن يعطل جهاز الكمبيوتر الخاص بي لأنه أضاف آلاف الصور. فشل ذريع.

4. موقع تسويقي لمشروب Tangerine Twist Soda

المُطالبة: “أنشئ موقعًا تسويقيًا عالي التحويل من صفحة واحدة (صفحة مقصودة) لمشروب Tangerine Twist الغازي. إنه مشروب مكربن مُحلى طبيعيًا مصنوع من عصير اليوسفي الحقيقي. إنه عضوي ويحقق نجاحًا كبيرًا بين مستهلكي الجيل Z المهتمين بالبيئة. يرجى تضمين 3-5 صور لشباب يستمتعون بالمشروب (في علب برتقالية ممتعة). يجب أن تكون النبرة حيوية ومبتكرة وأصيلة.”

مرة أخرى، فشل ChatGPT في تضمين صور نابضة بالحياة في التعليمات البرمجية، على الرغم من أنني طلبت ذلك في التعليمات. سأضطر إلى تعديل التعليمات البرمجية وطلب موقع محدث بالصور.

ومع ذلك، فقد أعجبتني عملية عرض المنتج التي أنشأها الذكاء الاصطناعي، وكتابة الإعلانات جيدة جدًا أيضًا. لقد أعجبتني “ضمان السعادة لمدة 100 يوم” المذكور في أسفل الموقع.

على الرغم من أن الموقع يبدو مشابهًا جدًا للمواقع الأخرى التي أنشأتها، إلا أن الألوان الجريئة وكتابة الإعلانات تساعده على التميز بمفرده.

تم إنشاء التعليمات البرمجية، ماذا الآن؟

سؤال وجيه! بعد الانتهاء من ChatGPT-5، يمكنك تشغيل الموقع في متصفحك للتأكد من مظهره وعمله كما هو متوقع. إذا كان هناك شيء غير صحيح، قم بتعديله، ولكن بمجرد أن يصبح كل شيء جاهزًا، قم بتنزيل أو نسخ الكود محليًا. يمكن القيام بذلك عن طريق نسخ الكود إلى ملفات نصية على جهاز الكمبيوتر الخاص بك ومنحها الأسماء المناسبة. (مثال: index.html للصفحة الرئيسية، style.css للأنماط، script.js لـ JavaScript.)

بعد ذلك، ستحتاج إلى اختيار استضافة، ويمكن القيام بذلك باستخدام مواقع مجانية وسهلة الاستخدام للمبتدئين مثل GitHub Pages. أو، يمكنك الاستضافة باستخدام استضافة مشتركة مثل Bluehost. الخدمات السحابية (AWS، Google Cloud، DigitalOcean) جيدة ولكنها تتطلب إعدادات أكثر تقدمًا.

بالطبع، سترغب في شراء اسم نطاق ثم ربط النطاق بمزود الاستضافة الخاص بك بحيث يعيش موقعك باسم الموقع الذي تريده بدلاً من عنوان URL عام.

أخيرًا، قم بتحميل ملفاتك إلى منصة الاستضافة. تتيح لك العديد من الخدمات السحب والإفلات أو الدفع عبر Git أو استخدام أداة CLI الخاصة بهم. بمجرد التحميل، يصبح موقعك مباشرًا ليراه العالم.

خلاصة القول

لإنشاء موقع ويب سريع في وقت ضيق، يقوم ChatGPT بعمل جيد جدًا. للحصول على أي شيء إضافي مثل الصور أو الأعمال الفنية الواقعية، ستحتاج إلى المطالبة مرة ثانية؛ يبدو أن تضمينها في المطالبة الأولية ليس فعالاً.

استخدام ChatGPT لبناء موقعك الإلكتروني فكرة جيدة لشخص يريد فقط إطلاق موقعه وتشغيله بسرعة. يمكنك استقبال المُطالبةات، وعرض منتجاتك، وتوفير معلومات الاتصال الخاصة بك. ومع ذلك، ستحتاج إلى استثمار المزيد من الوقت إذا كنت تريد أي وظائف متقدمة.