مرحباً، أنا Zak — تابعني على X عبر @heyMrZak للمزيد عن البناء بالذكاء الاصطناعي.
هذا المقال موجه للأشخاص غير التقنيين الذين يريدون البدء في البرمجة بالـ Vibe من دون أي خلفية تقنية.
المشكلة الحقيقية في البرمجة بالـ Vibe
بناءً على تجربتي في بناء التطبيقات والمواقع بالذكاء الاصطناعي، هذه هي المشكلة: إذا اكتفيت بمشاهدة الذكاء الاصطناعي وهو يكتب الكود من دون أن تفهم ما يفعله، فستقول غالباً: "اختبرت التطبيق، والميزة تعمل." لكن السؤال الحقيقي هو: هل هذه الصفحة آمنة؟ هل هي محسنة لمحركات البحث؟ هل اختبرت ذلك فعلاً؟
هذا هو السؤال الذي يتجاوزه أغلب المبتدئين. في هذا المقال سأريك كيف تختبر ميزاتك من ناحية SEO، وسأعطيك نصائح لاستخدام الذكاء الاصطناعي في البرمجة من دون أن تكسر تطبيقك في كل مرة تجري فيها تغييراً.
مشكلة "حلقة الذكاء الاصطناعي"
أحياناً تعطي الذكاء الاصطناعي طلباً، فيكتب الكود، ثم تكتشف لاحقاً أنه كسر شيئاً آخر من دون أن يخبرك — ولا تعرف ذلك إلا عندما تبدأ في التفتيش. هذا ما أسميه حلقة الذكاء الاصطناعي. كل من يبرمج بالـ Vibe يمر بها. لكن يمكنك تقليلها ببعض العادات.
إذا كنت من النوع الذي يقفز مباشرة لبناء تطبيقه القادم بحجم إنستغرام، فأهلاً بك في الحلقة — خصوصاً عندما يصبح تطبيقك معقداً.
الخطوة 1: وضح فكرتك أولاً
قبل أن تفعل أي شيء، هل فكرتك واضحة فعلاً؟ إذا لم تكن كذلك، استخدم ChatGPT أو Claude لتناقشها، ثم حولها إلى PRD (وثيقة متطلبات المنتج). هذه من أكثر الأشياء فائدة التي يمكنك تسليمها للذكاء الاصطناعي قبل أن تبدأ في كتابة الطلبات.
اسأل نفسك: ماذا أحتاج أيضاً؟ التصميم مثلاً. أنصحك بأن تستخدم خيالك الخاص في التصميم — لمسة صغيرة من شخصيتك أفضل من التصميم العام المتشابه الذي ينتجه الذكاء الاصطناعي وينتهي إليه أغلب المبتدئين.
يمكنك استخدام Figma إذا أردت التصميم بطريقة منظمة، أو ارسم مخططات بسيطة في دفتر — هذا ما يساعدني على إخراج كل فكرة من رأسي. يمكنك أيضاً استخدام أدوات التصميم بالذكاء الاصطناعي، لكن أضف دائماً لمستك الخاصة. هذا هو ما يهم فعلاً.
الخطوة 2: اختر محرر الذكاء الاصطناعي أو أداته
الآن بعدما صار لديك التصميم وPRD، تحتاج إلى اختيار محرر الذكاء الاصطناعي أو أداة الذكاء الاصطناعي (وهما ليسا الشيء نفسه).
أنا شخصياً أستخدم محرراً بالذكاء الاصطناعي لأنني أحب الحرية — يمكنك استخدامه لأي شيء، بخلاف أغلب أدوات الذكاء الاصطناعي التي تقيدك بمنصتها. ومع ذلك، إذا لم تكن فكرتك كبيرة أو معقدة جداً، فأداة ذكاء اصطناعي عادية قد تكون مناسبة تماماً وربما أسرع.
إذا كنت مثلي وتريد التحكم الكامل في كل شيء، فاختر محرراً بالذكاء الاصطناعي:
- Cursor
- Claude Code
- Codex
الخطوة 3: اختر الـ Tech Stack
قبل أي شيء آخر — ما الـ stack الذي ستستخدمه؟
بالنسبة إلى تطبيقات الموبايل، أنصح بـ Flutter. إنه ممتاز لبناء MVP (منتج أولي قابل للتجربة) لأنك تحصل على iOS وAndroid من قاعدة كود واحدة.
بالنسبة إلى المواقع، استخدم React.
الخطوة 4: اختر قاعدة بيانات
ستحتاج إلى قاعدة بيانات لتخزين معلومات المستخدمين.
Supabase سهل الإعداد ويعمل للتطبيقات والمواقع، ولديه خطة مجانية قوية. يجمع المصادقة وقاعدة البيانات في مكان واحد.
Firebase ممتاز أيضاً — هو منتج من Google، ويعمل جيداً للتطبيقات كذلك.
توصيتي الشخصية: Supabase مع SQL.
بعد أن ترتب قاعدة البيانات وتقرر الـ stack، انتقل إلى الخطوة التالية.
الخطوة 5: أنشئ قواعد للذكاء الاصطناعي
هنا تضع حدوداً واضحة لمشروعك. اطلب من ChatGPT أو Claude مساعدتك في كتابة ملف قواعد. يجب أن يتضمن أشياء مثل:
- لا تعدل أي شيء لم أطلب منك تعديله
- الحد الأقصى 400 سطر في كل ملف — أنشئ ملفات جديدة بعد ذلك
- علّق على كل دالة: ماذا تفعل ولماذا
- لا تضف إضافات أو حزماً لم أطلبها
- اتبع بنية المشروع الحالية
في هذه المرحلة لديك: القواعد، والـ stack، والتصميم، وPRD. الآن أنت جاهز لكتابة الطلبات.
الخطوة 6: ابدأ في كتابة الطلبات بالطريقة الصحيحة
لن أشرح كتابة الـ prompts بالتفصيل هنا، لكن إذا لم تكن متأكداً من كيفية كتابة طلب جيد، فاطلب من ChatGPT أو Claude أن يكتبه لك — فقط كن واضحاً بشأن ما تريد. الذكاء الاصطناعي ذكي، لكنه لا يزال يسيء الفهم أحياناً.
إذا كنت مبتدئاً، تحقق من كل شيء يبنيه الذكاء الاصطناعي. لا تفترض أنه يعمل فقط لأنه قال ذلك.
نصائح SEO وGEO للمواقع المبنية بالـ Vibe
إذا كنت تبني موقعاً، فاطلب من الذكاء الاصطناعي إضافة schema markup إلى أهم صفحاتك — وبصراحة، أساسيات SEO في كل صفحة.
بعد ذلك اختبر كل صفحة عبر validator.schema.org. الصق رابط الصفحة، شغّل الاختبار، وإذا ظهرت أخطاء أو تحذيرات لا تفهمها، خذ لقطة شاشة واطلب من الذكاء الاصطناعي أن يشرحها ويصلحها.
قبل الإطلاق: الأمان والاختبار
عندما يصبح تطبيقك جاهزاً، لا تنس أن تطلب من الذكاء الاصطناعي مراجعة إعدادات الأمان — هذا هو الجزء الذي يتجاوزه أغلب المبتدئين، وهو الأهم.
توجد الكثير من prompts الخاصة بالأمان على الإنترنت — استخدم واحداً منها، واجعل الذكاء الاصطناعي يراجع كل سطر بحثاً عن الثغرات. ادخل إلى قاعدة بياناتك وتحقق من سياسات RLS (أمان مستوى الصف) في Supabase أو rules في Firebase. إذا لم تفهم هذه الأمور، فاطلب من الذكاء الاصطناعي أن يشرح لك إعدادها بطريقة صحيحة.
قبل أن ترسل التطبيق إلى App Store (أو تعطيه لمستخدمين حقيقيين)، اختبر كل وظيفة وكل زر. التطبيقات تُرفض بسبب مسارات مكسورة أكثر من أي شيء آخر. ولا تنس صفحة سياسة الخصوصية — هي مطلوبة، ومهمة.