قوالب Vibe Coding: تسع نقاط تتحقق منها و12 قالبًا للبدء (2026)

البرمجة بالإحساس (vibe coding) هي بناء برنامج بوصف ما تريده بكلمات بسيطة وترك الذكاء الاصطناعي يكتب الكود، ثم الحكم على النتيجة باستخدامها لا بقراءة الكود. صاغ Andrej Karpathy المصطلح في منشور على X يوم 2 فبراير 2025، وكتب لاحقًا في مدونته أن البرمجة مع هذا الأسلوب لم تعد حكرًا على المحترفين المدرّبين تدريبًا عاليًا، بل صارت شيئًا يستطيع أي أحد أن يفعله. واختارها قاموس Collins كلمة العام 2025، ويصفها بأنها استخدام الذكاء الاصطناعي، بتوجيه من اللغة الطبيعية، لكتابة كود الحاسوب.

قالب البرمجة بالإحساس، ويُباع أحيانًا باسم starter أو boilerplate للبرمجة بالإحساس، هو المشروع المكتمل الذي تبدأ منه. فيتحول عمل الذكاء الاصطناعي من تصميم موقع إلى تعديل موقع: اسمك ولونك ونصوصك وصورك.

الطلب الفارغ يترك للذكاء الاصطناعي أن يقرر كل شيء: الصفحات والتخطيط والنصوص وطريقة تنظيم الكود. وهو يقرر شيئًا مختلفًا في كل مرة، وكل تصحيح يكلّف طلبًا آخر. أما القالب فيلغي هذه القرارات: الصفحات موجودة ومُراجعة قبل وصولك، فلا يغيّر الذكاء الاصطناعي إلا ما يخصك.

الحجة الكاملة في قالب جاهز أم طلب فارغ؟ لماذا ينجح بناء الموقع بالذكاء الاصطناعي أكثر من قالب.

يعمل قبل أن تغيّر أي شيء

• 1. يعمل على بيانات تجريبية، بلا واجهة برمجية ولا ملف .env. تشغّل أداة الذكاء الاصطناعي بسهولة مشروعًا لا يحتاج إلى شيء، وتتعثر في مشروع يطلب أولًا قاعدة بيانات أو مفاتيح سرية. تعمل حزم المواقع ولوحات التحكم عندنا على بيانات تجريبية مدمجة، بلا ملف .env تملؤه.
• 2. لا يحتاج إلى خدمة مدفوعة للبدء. يجب أن يبقى الدفع والبريد متوقفين أو في وضع الاختبار حتى تربط حساباتك. في قوالبنا لا تحتاج إلى أي حساب حقيقي، والدفع دفع اختباري.
• 3. التنزيل صغير. المشروع الصغير يُرفع ويُبنى بسرعة، ويترك للذكاء الاصطناعي قراءة أقل. لوحة التحكم المالية التي جرّبناها ملف ZIP بحجم 6.5 ميغابايت، ويقبل Lovable ملفات حتى 250 ميغابايت.

فيديو العرض التوضيحي: لوحة التحكم المالية

يجد الذكاء الاصطناعي طريقه فيه

• 4. مجلد واضح لكل تطبيق. حين يكون للموقع ولوحة التحكم والواجهة البرمجية مجلد خاص بكل منها، يعدّل الذكاء الاصطناعي المجلد الصحيح. حزمنا المفردة مجلد واحد، والحزمة الكاملة فيها مجلد لكل تطبيق، ولكل مجلد دليل بدء سريع.
• 5. أدلة مكتوبة يقرؤها الذكاء الاصطناعي. الأدلة داخل التنزيل تشرح للذكاء الاصطناعي كيف نُظّم المشروع، فيقرأ بدل أن يخمّن. أدلتنا ملفات Markdown داخل ملف ZIP، مثل README وملف الترخيص، وتضيف القوالب الأكبر دليل بدء سريع ودليلًا لتخصيص الهوية وملاحظة عن البيانات التجريبية.
• 6. تعليمات جاهزة للصق. الرسالة الأولى تحدد هل يشغّل الذكاء الاصطناعي القالب أم يعيد بناءه. تعليماتنا، من نافذة «افتحه بالذكاء الاصطناعي»، تطلب منه أن يشغّل النسخة المبنية أولًا، وأن يسألك عن بيانات هويتك، وأن يحافظ على اللغتين، وأن يقرأ أدلة القالب قبل النشر.

النتيجة جاهزة لعملاء حقيقيين

• 7. اللغتان في ملفات رسائل. حين تكون النصوص في ملف لكل لغة، منفصلة عن كود الصفحات، يستطيع الذكاء الاصطناعي تغيير اسم النشاط بالعربية والإنجليزية معًا. قوالبنا المدفوعة مبنية بهذه الطريقة، وفي اختبارنا غيّر كل من Replit وLovable اللغتين.
• 8. الوضعان الفاتح والداكن مدمجان. الوضع الداكن المضاف بطلب كثيرًا ما ينسى رسمًا بيانيًا أو حقلًا في نموذج. قوالبنا المدفوعة تأتي بالوضعين، مصممين معًا.
• 9. الترخيص يسمح بالعمل للعملاء. إن كنت تبني للعملاء، فالترخيص هو ما يحدد هل تستطيع التسليم. ترخيصنا يشمل عددًا غير محدود من المشاريع التجارية، ومنها العمل للعملاء، بدفعة واحدة.

فيديو العرض التوضيحي: Velra

1. موقع الشركة: مجاني

موقع شركة فيه واجهة رئيسية بشعارات العملاء، وقسم من أربع خطوات يشرح طريقة العمل، وشبكة تكاملات، وآراء العملاء، وبطاقات مقالات.

الأداة المناسبة: الأدوات الثلاث. الموقع القصير سريع المراجعة، ولذلك يصلح تجربة أولى.

2. صفحة هبوط SaaS مع الأسعار: مجاني

صفحة هبوط لإطلاق برنامج بسيط، فيها قسم للأسعار.

الأداة المناسبة: الأدوات الثلاث.

3. صفحة الهبوط ثلاثية الأبعاد: مجاني

صفحة مبنية بـ Next.js وThree.js وGSAP لحملة منتج.

الأداة المناسبة: Replit أو محرر كود بالذكاء الاصطناعي، لأنهما يحتفظان بكود الحركة كما كُتب.

فيديو العرض التوضيحي: صفحة هبوط 3D

4. موقع الطلبات Food Studio: 39 دولارًا

موقع مطعم بقائمة طعام قابلة للتصفية، وصفحات للأطباق، وأداة لتركيب الوجبات، وسلة، ودفع، وتتبع للطلبات، وحسابات للعملاء.

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

فيديو العرض التوضيحي: Food Studio

5. موقع العقارات Velra: 39 دولارًا

عقارات للبيع وللإيجار مع حفظ عوامل التصفية في الرابط، وصفحات للعقارات، ومفضلة، ومقارنة بين ثلاثة عقارات، وطلبات معاينة.

الأداة المناسبة: Replit أو Lovable أو محرر كود بالذكاء الاصطناعي. إن كان مبرمج سيتسلم المشروع لاحقًا، فاختر أداة تحتفظ بالكود.

6. موقع تأجير الإقامات Hollina: 39 دولارًا

إقامات تُصفّى حسب الوجهة والتواريخ وعدد الضيوف، وتقويم للتوفر مع عرض سعر فوري، ودفع، والبحث عن الحجز.

الأداة المناسبة: Replit أو Lovable أو محرر كود بالذكاء الاصطناعي.

فيديو العرض التوضيحي: Hollina

7. موقع SaaS من Northstack: 39 دولارًا

صفحة رئيسية، وأسعار بتراخيص تُدفع مرة واحدة، وصفحة شراء التراخيص، ووثائق، ومدونة، وسجل للتغييرات، ونموذج تواصل.

الأداة المناسبة: Replit أو Lovable أو محرر كود بالذكاء الاصطناعي.

8. متجر الأزياء الإلكتروني: 39 دولارًا

كتالوج مع التصفية، وصفحات منتجات بخيارات متعددة، وسلة، وشراء دون حساب مع تتبع الطلب، وتجربة ملابس افتراضية بالذكاء الاصطناعي.

الأداة المناسبة: Replit أو Lovable أو محرر كود بالذكاء الاصطناعي.

فيديو العرض التوضيحي: قالب متجر أزياء إلكتروني

9. موقع التذاكر Ticketory: 39 دولارًا

بحث عن الفعاليات وصفحاتها، وخرائط مقاعد حية مع حجز مؤقت لعشر دقائق، ودفع، وتذاكر برمز QR، وحسابات للحضور.

الأداة المناسبة: Replit أو Lovable أو محرر كود بالذكاء الاصطناعي. مع البيانات التجريبية يكون الدفع دفعًا اختباريًا.

فيديو العرض التوضيحي: Ticketory

10. لوحة التحكم المالية: 49 دولارًا

القالب الذي جرّبناه: رسوم بيانية، وأدوات بالسحب والإفلات، ووضعان داكن وفاتح، والعربية والإنجليزية، وصفحة تسجيل دخول تربطها لاحقًا بواجهتك البرمجية. واجهة أمامية فقط، في ملف ZIP بحجم 6.5 ميغابايت.

الأداة المناسبة: Replit (معاينة تعمل في نحو 6 إلى 7 دقائق في اختبارنا) أو محرر كود بالذكاء الاصطناعي. واستوردها Lovable أيضًا في نحو 10 دقائق، نسخةً محوّلة.

11. لوحة إدارة المتجر الإلكتروني: 49 دولارًا

المنتجات والفئات، والطلبات مع تقدّم تجهيزها، والعملاء، والأدوار، ومساعد ذكاء اصطناعي يجيب عن أسئلة المبيعات. لمعظم مواقعنا لوحة فريق مطابقة بـ 49 دولارًا مثل هذه.

الأداة المناسبة: Replit أو محرر كود بالذكاء الاصطناعي.

12. لوحة التحكم الإدارية بالذكاء الاصطناعي: من 69 دولارًا

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

الأداة المناسبة: Replit أو محرر كود بالذكاء الاصطناعي.

فيديو العرض التوضيحي: لوحة التحكم الإدارية بالذكاء الاصطناعي

تجمع الحزم الكاملة (149 دولارًا) موقعًا ولوحة تحكم وواجهة برمجية مع قاعدة بياناتها. وتحتاج إلى خطوة تهيئة تملأ قاعدة البيانات قبل أن يعمل أي شيء، فهي ليست عملًا بلا كود: لا يستطيع Lovable تشغيلها، ولم نجرّب Replit معها. فيها مجلد لكل تطبيق، ودليل بدء سريع في كل مجلد، وأمر Docker واحد في الوثائق يشغّل كل شيء. ويستطيع محرر كود بالذكاء الاصطناعي مثل Claude Code أن يقرأ الكود ويعدّل الملفات ويشغّل الأوامر على حاسوبك، وهذا ما تحتاجه خطوة التهيئة. وهي الطريقة الوحيدة التي جرّبناها مع حزمة كاملة: في 8 نوفمبر 2026 شغّل Claude Code حزمة Food Studio الكاملة (الموقع ولوحة التحكم والواجهة البرمجية) بعد نحو 4.5 دقيقة من فك الضغط. وللبرمجة بالإحساس ابدأ بحزمة الموقع أو لوحة التحكم وحدها.

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

• موقع مطعم Food Studio, موقع عقارات Velra, موقع SaaS Northstack, واجهة متجر أزياء إلكتروني: 39 دولارًا
• لوحة التحكم المالية, لوحات الفريق للمطاعم والعقارات والتجارة الإلكترونية ومساحات عمل SaaS: 49 دولارًا
• لوحة التحكم الإدارية بالذكاء الاصطناعي, لوحة اللياقة: 69 دولارًا
• الحزم الكاملة: 149 دولارًا
• حزمة 10 قوالب مميزة: 199 دولارًا بسعر الإطلاق (السعر المعتاد 499 دولارًا)

• قالب جاهز أم طلب فارغ؟ لماذا ينجح بناء الموقع بالذكاء الاصطناعي أكثر من قالب (2026)
• 30 طلبًا لتخصيص قالب موقع بالذكاء الاصطناعي (2026)
• كيف تخصّص قالب Next.js بالذكاء الاصطناعي دون كتابة كود (2026)
• Replit أم Lovable لقالب جاهز: جرّبناهما بالإنجليزية والعربية (2026)
• أفضل 12 قالبًا لبدء مشروع على Replit (2026)
• 10 قوالب لـ Lovable يمكنك استيرادها، مع الشاشات والمحذور الوحيد (2026)

• كلمة العام 2025 من Collins: blog.collinsdictionary.com
• Andrej Karpathy، حصاد عام 2025: karpathy.bearblog.dev/year-in-review-2025
• المنشور الأصلي على X، المرتبط من ذلك المقال: x.com/karpathy/status/1886192184808149383
• الاستيراد في Lovable: docs.lovable.dev/features/projects/import-project
• خطط Lovable: docs.lovable.dev/introduction/subscription-plans
• نظرة عامة على Claude Code: code.claude.com/docs/en/overview
• اختباراتنا: لوحة التحكم المالية على Replit وLovable وBolt في 7 نوفمبر 2026، ثم على Replit مرة أخرى في 8 نوفمبر 2026.
• صفحات قوالب Aniq UI والأدلة داخل كل تنزيل، راجعناها في نوفمبر 2026.