هذال الدوسري
سمعت كثير عن Vibe Coding في تويتر ويوتيوب، وناس تقول إنها سوت تطبيق كامل بدون ما تكتب سطر كود؟ الكلام هذا فيه جزء صحيح وجزء مبالغ فيه. في هذا المقال أشرح لك وش هو Vibe Coding بالعربي وبدون تعقيد، وكيف تبدأ فيه اليوم، ووش حدوده الحقيقية اللي ما يقولها لك أحد.
ما هو Vibe Coding؟
Vibe Coding يعني إنك تبرمج بالكلام: توصف للذكاء الاصطناعي وش تبي بلغة عادية، وهو يكتب الكود ويشغله، وأنت تجرب النتيجة وتطلب تعديلات، بدون ما تركز على تفاصيل الكود نفسه. المصطلح انتشر في 2025 بعد ما استخدمه الباحث المعروف أندريه كارباثي (Andrej Karpathy) لوصف طريقته في بناء مشاريع صغيرة بالاعتماد الكامل على أدوات الذكاء الاصطناعي.
الفكرة الأساسية: أنت المدير، والذكاء الاصطناعي هو المبرمج. تقول له «أبي صفحة حجز مواعيد لصالون فيها تقويم وزر واتساب»، وهو يبنيها. ما عجبك اللون؟ تقول له «خل الألوان كحلي وذهبي». وهكذا.
الفرق بين Vibe Coding والبرمجة التقليدية
| المقارنة | البرمجة التقليدية | Vibe Coding |
|---|---|---|
| من يكتب الكود | المبرمج سطر بسطر | الذكاء الاصطناعي |
| المهارة الأهم | إتقان لغة البرمجة | وصف المطلوب بوضوح وتجربة النتيجة |
| السرعة | أيام أو أسابيع للنموذج الأولي | ساعات أو دقائق |
| فهم الكود | كامل | غالبًا جزئي |
| مناسب لـ | الأنظمة الكبيرة والحساسة | النماذج الأولية والأدوات الشخصية والمشاريع الصغيرة |
أفضل أدوات Vibe Coding في 2026
الأدوات تنقسم لنوعين: أدوات في المتصفح تناسب اللي ما عنده أي خبرة، وأدوات للمطورين تشتغل على جهازك.
أدوات للمبتدئين (من المتصفح)
- Lovable: تكتب فكرة التطبيق، ويبني لك موقع أو تطبيق ويب كامل بواجهة مرتبة. مناسب جدًا لأصحاب المشاريع.
- Bolt.new: يبني تطبيقات ويب كاملة داخل المتصفح وتقدر تنشرها مباشرة.
- Replit Agent: وكيل ذكي يبني التطبيق ويشغله ويستضيفه في نفس المكان.
- v0 من Vercel: ممتاز لتصميم الواجهات والصفحات بسرعة.
أدوات لمن عنده أساس برمجي
- Cursor: محرر أكواد مبني على الذكاء الاصطناعي، يعدل ملفات المشروع كلها بأمر واحد. شرحته بالتفصيل في Cursor AI شرح كامل.
- Claude Code: وكيل برمجة من Anthropic يشتغل في الطرفية ويفهم المشروع كامل. لو تبي تعرف أكثر عن Claude، اقرأ شرح كلاودي AI بالعربي.
- GitHub Copilot: مساعد داخل محررات الأكواد المشهورة مثل VS Code.
كيف تبدأ Vibe Coding خطوة بخطوة (مثال عملي)
خلنا نبني مثال واقعي: صفحة لمتجر عطور صغير فيها المنتجات وزر طلب عبر واتساب.
- اختر الأداة: ادخل على Lovable أو Bolt.new وسجل دخول.
- اكتب الطلب الأول بوضوح: «ابنِ صفحة هبوط عربية من اليمين لليسار لمتجر عطور اسمه (عبق)، فيها قسم رئيسي بصورة كبيرة، وشبكة من 6 منتجات بالسعر بالريال، وزر (اطلب عبر واتساب) لكل منتج يفتح محادثة برقم المتجر، وألوان أسود وذهبي».
- جرّب النتيجة: افتح المعاينة واضغط على كل زر.
- اطلب تعديلات صغيرة وحدة وحدة: «كبّر الخط في الجوال»، «أضف قسم آراء العملاء». التعديلات الصغيرة أدق من طلب عشر أشياء مرة وحدة.
- انشر: أغلب الأدوات تعطيك رابط جاهز، أو تربطه بدومين خاص فيك.
تلميح: اكتب طلبك الأول كأنك تشرح لمبرمج جديد: الهدف، والجمهور، والأقسام، والألوان، واللغة واتجاه الصفحة. كل ما كان الطلب أوضح، قلّت الجولات.
برومبتات جاهزة لـ Vibe Coding
- «ابنِ لي تطبيق ويب لتتبع المصاريف الشهرية بالريال، أضيف المصروف والتصنيف، ويعرض لي رسم بياني شهري. الواجهة عربية.»
- «سو لي صفحة تسجيل حضور لدورة تدريبية، تحفظ الاسم والجوال، وتصدّر القائمة كملف Excel.»
- «ابنِ لعبة أسئلة بسيطة عن السعودية فيها 10 أسئلة وعداد نقاط ومؤقت.»
- «صمم صفحة شخصية (بورتفوليو) لمصمم جرافيك فيها معرض أعمال ونموذج تواصل.»
- «عندي خطأ في الصفحة: الزر ما يشتغل على الجوال. افحص السبب وصلحه واشرح لي وش كان الغلط.»
مقارنة سريعة بين أدوات Vibe Coding للمبتدئين
| الأداة | نقطة قوتها | النشر | الخطة المجانية |
|---|---|---|---|
| Lovable | واجهات مرتبة وجاهزة من أول طلب | رابط مباشر أو دومين خاص | رصيد يومي محدود |
| Bolt.new | سرعة بناء تطبيقات الويب | نشر بضغطة | رصيد محدود |
| Replit Agent | يبني ويشغّل ويستضيف في مكان واحد | استضافة داخل Replit | تجربة محدودة |
| v0 | تصميم الصفحات والمكونات | عبر Vercel | رصيد شهري محدود |
5 قواعد تخلي نتائج Vibe Coding أفضل
- ابدأ صغير: ابنِ أهم ميزة أول، وبعدين أضف الباقي. المشروع اللي يبدأ كبير يتلخبط بسرعة.
- طلب واحد في كل رسالة: «غيّر اللون» في رسالة، و«أضف قسم الأسعار» في رسالة ثانية.
- احفظ نسخة كل ما وصلت لنتيجة شغالة: أغلب الأدوات فيها سجل نسخ، ارجع له لو خرب شي.
- اطلب منه يشرح: «اشرح لي وش سويت في هالتعديل بجملتين». بهالطريقة تتعلم وأنت تبني.
- اختبر على الجوال: أغلب زوار المواقع في السعودية من الجوال، فتأكد إن الصفحة مضبوطة على الشاشة الصغيرة.
تلميح: لو علقت في خطأ تكرر ثلاث مرات، لا تستمر في نفس المحادثة. افتح محادثة جديدة، واشرح المشكلة من البداية، والصق رسالة الخطأ كاملة. الذكاء الاصطناعي أحيانًا يدخل في دوامة ويحتاج بداية نظيفة.
حدود Vibe Coding: الأشياء اللي ما يقولها لك أحد
Vibe Coding ممتاز للبدايات، لكن لازم تعرف مخاطره قبل ما تعتمد عليه في مشروع حقيقي:
- الأمان: الذكاء الاصطناعي ممكن يكتب كود فيه ثغرات، مثل حفظ كلمات المرور بشكل غير آمن أو ترك مفاتيح API مكشوفة. لا تجمع بيانات حساسة أو مدفوعات بدون مراجعة مطور.
- الصيانة: لما يكبر المشروع ويصير فيه مئات الملفات، الأداة تبدأ تخرّب أجزاء وهي تصلح أجزاء ثانية.
- الفهم: لو ما تفهم الكود أبدًا، بتعلق أول ما يطلع خطأ ما تعرف الأداة تحله.
- التكلفة: أغلب الأدوات تحسب رصيد لكل طلب. مشروع كبير فيه تعديلات كثيرة ممكن يكلفك أكثر مما تتوقع.
عشان كذا نصيحتي: استخدم Vibe Coding للنماذج الأولية والأدوات الداخلية والمشاريع الشخصية، وتعلّم أساسيات البرمجة مع الوقت. لو تبي تبدأ صح، شوف كيف تبدأ تعلم الذكاء الاصطناعي من الصفر.
هل Vibe Coding بيلغي وظيفة المبرمج؟
لا، لكنه يغيّر شكلها. المبرمج اللي يعرف يستخدم أدوات Vibe Coding صار ينجز أسرع بكثير، والطلب يزيد على اللي يفهم في تصميم الأنظمة والأمان ومراجعة الكود. اللي بيتأثر أكثر هي المهام البسيطة والمتكررة. تكلمت عن هذا الموضوع بالتفصيل في هل الذكاء الاصطناعي بيأخذ وظائفنا؟
كيف تربح من Vibe Coding؟
- صفحات هبوط للمشاريع الصغيرة: كثير من أصحاب المتاجر في السعودية يحتاجون صفحة بسيطة وسريعة.
- أدوات داخلية للشركات: نماذج طلبات، ولوحات متابعة، وحاسبات أسعار.
- نماذج أولية للأفكار: تبني نسخة تجريبية لفكرتك وتعرضها على مستثمر أو عميل قبل ما تصرف على مبرمجين.
وللأفكار الأوسع راجع كيف تربح من الذكاء الاصطناعي بطرق عملية.
أسئلة شائعة عن Vibe Coding
هل أقدر أسوي Vibe Coding بدون أي خبرة برمجية؟
نعم، أدوات مثل Lovable وBolt.new وReplit مصممة للمبتدئين. لكن فهم الأساسيات يساعدك تحل المشاكل وتتجنب الأخطاء الأمنية.
هل أدوات Vibe Coding تفهم العربي؟
نعم، تقدر تكتب الطلب بالعربي وتطلب واجهة عربية من اليمين لليسار. بعض الأدوات تعطي نتيجة أدق لو كتبت التفاصيل التقنية بالإنجليزي.
هل Vibe Coding مجاني؟
أغلب الأدوات فيها خطة مجانية برصيد محدود يكفي للتجربة وبناء صفحة أو صفحتين. المشاريع الأكبر تحتاج اشتراك.
هل أقدر أبني تطبيق جوال بـ Vibe Coding؟
تقدر تبني تطبيق ويب يشتغل على الجوال بسهولة. تطبيقات المتاجر (App Store وGoogle Play) ممكنة مع بعض الأدوات لكنها تحتاج خطوات نشر ومراجعة إضافية.
الخلاصة
Vibe Coding حوّل البرمجة من مهارة تحتاج سنين إلى حوار مع الذكاء الاصطناعي. ابدأ بأداة للمبتدئين مثل Lovable، وابنِ شي صغير تحتاجه فعلًا، واطلب التعديلات خطوة بخطوة. وتذكر إن المشاريع الحساسة تحتاج مراجعة شخص يفهم الكود. ولمزيد من الأدوات اللي تنجز المهام بدالك، شوف أفضل أدوات Agentic AI وشرح الذكاء الاصطناعي الوكيل.
✍️ اكتب تعليقاً