أنماط البرمجة
3 دقيقة للقراءة

دليل MCP و Skills: أسرار الإنتاجية 10x

هذه الأدوات إذا دمجتها واستخدمتها مع CLI أو محرر الكود ستزيد إنتاجيتك للكود بنسبة 10 أضعاف عن السابق. بدونها قد يطلع تصميمك أو برنامجك غير عملي وواضح عليه أنه اتعمل بالـ AI.


ما هو الـ MCP؟

MCP (Model Context Protocol) هو معيار يحدد كيف نموذج الذكاء الاصطناعي يتكامل مع أدوات خارجية (APIs، قواعد بيانات، ملفات) بطريقة موحدة وآمنة.

الفكرة الأساسية

MCP يفصل الذكاء عن الأدوات، ويخلي الربط بينهم Scalable بدون حلول مخصصة لكل نظام.

┌─────────────────────────────────────────┐
│           نموذج الذكاء الاصطناعي        │
│                (AI Model)               │
└─────────────────┬───────────────────────┘
                  │
                  │ يطلب "context"
                  ▼
┌─────────────────────────────────────────┐
│           MCP Server                    │
│   (وسيط موحد للربط مع الأدوات)         │
└─────────────────┬───────────────────────┘
                  │
        ┌─────────┼─────────┐
        ▼         ▼         ▼
   ┌────────┐ ┌────────┐ ┌────────┐
   │ قاعدة │ │ ملفات  │ │  APIs  │
   │بيانات │ │        │ │        │
   └────────┘ └────────┘ └────────┘

مثال بسيط

عندك نموذج AI وتريده:

  • يقرأ من قاعدة بيانات
  • يطلع تقارير من ملفات
  • ينفذ أوامر عبر API

بدون الـ MCP: كل أداة تحتاج كود وربط خاص و API.

مع MCP: النموذج يطلب "context" من MCP، والـ MCP يتكفل يجلب البيانات من أي مصدر بنفس الطريقة.

سيناريو عملي

AI يقول: "اعطيني آخر 10 طلبات"
↓
MCP يتواصل مع قاعدة البيانات
↓
يرجع البيانات للنموذج
↓
النموذج يحلل ويرد

ما هي الـ Skills؟

Skills هي قدرات محددة نضيفها للنموذج عشان ينفّذ فعل واضح، مو بس يرد نصياً.

كل Skill = وظيفة/إجراء

تخلي النموذج:

  • ينفذ كود
  • يستدعي API
  • يسوي عملية معيّنة بدل ما يشرحها بس

أمثلة على Skills

Skillما تسويه
file-readerقراءة محتوى الملفات
web-searchالبحث في الإنترنت
code-executorتشغيل كود Python/JS
database-queryالاستعلام من قاعدة بيانات
git-operationsعمليات Git (commit, push)
browser-automationالتحكم بالمتصفح

الفرق بين MCP و Skills

المعيارMCPSkills
النوعبروتوكول / معيارقدرات / وظائف
الوظيفةيحدد كيف النموذج يتواصل مع الأدواتتمكن النموذج من تنفيذ فعل محدد
التشبيهالطريق 🚧السيارات 🚗

تشبيه سريع

MCP = الطريق السريع 🚧
     (البنية التحتية للتواصل)

Skills = السيارات اللي تمشي عليه 🚗
        (الأفعال والوظائف الفعلية)

كيف تستخدمها في OpenCode؟

1. تثبيت Oh My OpenCode

هذه الإضافة تخلي OpenCode خرافي في البرمجة:

# تثبيت Oh My OpenCode
npm install -g oh-my-opencode

# أو إضافتها لمشروع OpenCode موجود
opencode plugin add oh-my-opencode

ما تعطيك:

  • 🤖 10 وكلاء أذكياء كل وكيل مختص بمهمة معينة
  • 📁 وكيل للملفات
  • 🧪 وكيل للاختبارات
  • 🐛 وكيل للـ Debugging
  • 📝 وكيل للتوثيق
  • وأكثر...

2. إضافة Antigravity Auth

ربط حساب Antigravity المجاني مع OpenCode:

# تثبيت الإضافة
opencode plugin add antigravity-auth

# ربط الحساب
opencode auth connect antigravity

الفائدة:

  • استخدام النماذج المجانية من Antigravity
  • Claude Opus 4.5 مجاناً!
  • Gemini 3 Pro مجاناً!

أمثلة عملية

مثال 1: استخدام MCP مع قاعدة بيانات

# .opencode-mcp.yaml
servers:
  database:
    type: postgres
    connection: postgresql://user:pass@localhost/mydb
    
  files:
    type: filesystem
    root: ./src
    
  api:
    type: rest
    base_url: https://api.example.com

الآن يمكنك:

opencode chat
> اعطيني آخر 5 مستخدمين سجلوا اليوم
> (OpenCode يستخدم MCP للاتصال بقاعدة البيانات)

مثال 2: استخدام Skills

# .opencode-skills.yaml
skills:
  - name: web-search
    enabled: true
    
  - name: code-executor
    enabled: true
    languages: [python, javascript]
    
  - name: browser-automation
    enabled: true
    headless: true

الآن يمكنك:

opencode chat
> ابحث عن أفضل practices لـ Next.js 14
> (يستخدم web-search skill)

> شغل هذا الكود وأعطيني الناتج
> (يستخدم code-executor skill)

لماذا هي مهمة؟

بدون MCP و Skills

❌ الذكاء الاصطناعي يعطيك نص فقط
❌ تحتاج تنسخ وتلصق يدوياً
❌ لا يعرف شيء عن مشروعك الفعلي
❌ النتائج عامة وغير مخصصة
❌ واضح إنه "AI-generated"

مع MCP و Skills

✅ الذكاء الاصطناعي يتفاعل مع مشروعك الحقيقي
✅ يقرأ ويكتب الملفات مباشرة
✅ يتصل بقواعد البيانات
✅ ينفذ الكود ويختبره
✅ نتائج مخصصة لمشروعك
✅ عملي وجاهز للاستخدام

إعداد كامل خطوة بخطوة

الخطوة 1: تثبيت OpenCode

npm install -g @ohmyopencode/cli
opencode init

الخطوة 2: إضافة Oh My OpenCode

opencode plugin add oh-my-opencode

الخطوة 3: ربط Antigravity (للنماذج المجانية)

opencode plugin add antigravity-auth
opencode auth connect antigravity
# اتبع التعليمات لربط حسابك

الخطوة 4: تفعيل MCP

# إنشاء ملف إعدادات MCP
opencode mcp init

الخطوة 5: تفعيل Skills

# عرض Skills المتاحة
opencode skills list

# تفعيل skill معين
opencode skills enable web-search
opencode skills enable code-executor

نصائح للاستخدام الأمثل

1. ابدأ بسيط

✅ فعّل skill واحد أو اثنين في البداية
✅ جرب وافهم كيف يعمل
✅ أضف المزيد تدريجياً

2. اختر الـ Skills المناسبة

نوع المشروعSkills الموصى بها
Web Developmentfile-reader, code-executor, browser-automation
Backend APIdatabase-query, file-reader, api-tester
Data Sciencecode-executor (python), database-query
DevOpsgit-operations, terminal, docker

3. أمّن الاتصالات

# استخدم Environment Variables
servers:
  database:
    connection: ${DATABASE_URL}
    
  api:
    api_key: ${API_KEY}

الخلاصة

لتصير Vibe Coder محترف وتضاعف إنتاجيتك 10x:

  1. ✅ استخدم CLI قوي (OpenCode أو Claude Code)
  2. ✅ أضف إضافة Oh My OpenCode للوكلاء الأذكياء
  3. ✅ فعّل MCP للتواصل مع الأدوات الخارجية
  4. ✅ استخدم Skills للتنفيذ الفعلي
  5. ✅ اربط Antigravity Auth للنماذج المجانية

المعادلة السحرية:

CLI + MCP + Skills = 10x Productivity 🚀

بدون هذه الأدوات، الكود الناتج يبان إنه "AI-generated". معها، تنتج كود عملي ومخصص لمشروعك!