دليل 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
| المعيار | MCP | Skills |
|---|---|---|
| النوع | بروتوكول / معيار | قدرات / وظائف |
| الوظيفة | يحدد كيف النموذج يتواصل مع الأدوات | تمكن النموذج من تنفيذ فعل محدد |
| التشبيه | الطريق 🚧 | السيارات 🚗 |
تشبيه سريع
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 Development | file-reader, code-executor, browser-automation |
| Backend API | database-query, file-reader, api-tester |
| Data Science | code-executor (python), database-query |
| DevOps | git-operations, terminal, docker |
3. أمّن الاتصالات
# استخدم Environment Variables
servers:
database:
connection: ${DATABASE_URL}
api:
api_key: ${API_KEY}
الخلاصة
لتصير Vibe Coder محترف وتضاعف إنتاجيتك 10x:
- ✅ استخدم CLI قوي (OpenCode أو Claude Code)
- ✅ أضف إضافة Oh My OpenCode للوكلاء الأذكياء
- ✅ فعّل MCP للتواصل مع الأدوات الخارجية
- ✅ استخدم Skills للتنفيذ الفعلي
- ✅ اربط Antigravity Auth للنماذج المجانية
المعادلة السحرية:
CLI + MCP + Skills = 10x Productivity 🚀
بدون هذه الأدوات، الكود الناتج يبان إنه "AI-generated". معها، تنتج كود عملي ومخصص لمشروعك!