إعادة تصميم موقع إلكتروني باستخدام الذكاء الاصطناعي: 5 دروس من مطور مستقل

ظل موقعي الإلكتروني غير مكتمل لفترة طويلة. أنا أعمل بدوام كامل كمطور Power Platform، كما أنني أب لتوأم، ولم يكن لدي الوقت لإصلاح معرض أعمالي.

قررت استخدام الذكاء الاصطناعي لإعادة تصميم موقعي كفريق مكون من شخص واحد. أردت أن أرى ما إذا كان بإمكان الذكاء الاصطناعي أن يقوم بدور المصمم والمطور الخاص بي.

إليكم ما تعلمته.

لماذا استخدمت الذكاء الاصطناعي:

  • الوقت هو أكبر عائق لدي.
  • أعمل بمفردي، وليس لدي مصمم أو مطور خبير لمساعدتي.
  • كنت بحاجة إلى التبديل بين المهام بسرعة.
  • أردت إنهاء مهام صغيرة لبناء زخم للعمل.

عمل الذكاء الاصطناعي كمطور مبتدئ (junior developer). لقد ساعدني في مهام محددة:

  • قام بإصلاح التخطيطات المتجاوبة (responsive layouts) لشاشات الهاتف المحمول.
  • قام ببناء قسم hero بتدرج لوني بعرض كامل.
  • حل مشكلات سرعة الصفحة من خلال إصلاح تحميل الخطوط.
  • تولى مهام SEO مثل العناوين والوصف التعريفي (meta titles and descriptions).

خمسة دروس لإعادة تصميم موقعك الخاص:

  • شخّص قبل أن تُصلح. اطلب من الذكاء الاصطناعي العثور على سبب المشكلة قبل تغيير الكود.
  • تحقق من الصفحة المباشرة. غالبًا ما تختلف واجهة المحرر عما يراه الزوار.
  • تعامل مع الذكاء الاصطناعي كشريك. لا تتركه يقود العملية بالكامل؛ راجع كل سطر من الكود.
  • قم بإجراء تغييرات صغيرة. غيّر إعدادًا واحدًا في كل مرة حتى تتمكن من التراجع عنه إذا حدث خطأ ما.
  • اكتب دليل إرشادي (playbook). وثّق ما ينجح حتى لا تضطر لحل المشكلة نفسها مرتين.

كيف أضمن الدقة:

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

كيف تكتب أوامر (prompts) أفضل:

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

لم يحل الذكاء الاصطناعي محلي. بل ساعد مطورًا مشغولًا على إنهاء مشروع. استخدم الذكاء الاصطناعي للقيام بالمهام الشاقة، ولكن أبقِ يديك على عجلة القيادة.

المصدر: https://dev.to/mattbuildsapps/ai-website-redesign-5-lessons-from-a-solo-developer-nhj

مجتمع تعليمي اختياري: https://t.me/GyaanSetuAi