skills MCP — حالات الاستخدام, التثبيت & عرض مباشر

لماذا تستخدمه

الميزات الأساسية

توليد هيكل يدرك Expo SDK
أنماط الملاحة القائمة على الملفات في expo-router
إرشادات تكوين EAS Build + Submit
قيم افتراضية TypeScript + Zustand
تجنب نصائح حقبة RN-CLI

عرض مباشر

كيف يبدو في الممارسة

skills-skill-7.replay ▶ جاهز

0/0

التثبيت

اختر العميل

~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "skills-skill-7": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/zaferayan/skills",
        "~/.claude/skills/skills"
      ],
      "_inferred": true
    }
  }
}

افتح Claude Desktop → Settings → Developer → Edit Config. أعد التشغيل بعد الحفظ.

~/.cursor/mcp.json · .cursor/mcp.json

{
  "mcpServers": {
    "skills-skill-7": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/zaferayan/skills",
        "~/.claude/skills/skills"
      ],
      "_inferred": true
    }
  }
}

يستخدم Cursor نفس مخطط mcpServers مثل Claude Desktop. إعدادات المشروع أولى من الإعدادات العامة.

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "skills-skill-7": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/zaferayan/skills",
        "~/.claude/skills/skills"
      ],
      "_inferred": true
    }
  }
}

انقر على أيقونة MCP Servers في شريط Cline الجانبي، ثم "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "skills-skill-7": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/zaferayan/skills",
        "~/.claude/skills/skills"
      ],
      "_inferred": true
    }
  }
}

نفس الصيغة مثل Claude Desktop. أعد تشغيل Windsurf لتطبيق التغييرات.

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "skills-skill-7",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/zaferayan/skills",
        "~/.claude/skills/skills"
      ]
    }
  ]
}

يستخدم Continue مصفوفة من كائنات الخادم بدلاً من خريطة.

~/.config/zed/settings.json

{
  "context_servers": {
    "skills-skill-7": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/zaferayan/skills",
          "~/.claude/skills/skills"
        ]
      }
    }
  }
}

أضف إلى context_servers. يعيد Zed التحميل تلقائيًا عند الحفظ.

claude mcp add skills-skill-7 -- git clone https://github.com/zaferayan/skills ~/.claude/skills/skills

أمر من سطر واحد. تحقق باستخدام claude mcp list. احذف باستخدام claude mcp remove.

حالات الاستخدام

استخدامات عملية: skills

إنشاء تطبيق Expo جديد مع علامات تبويب ومصادقة في جلسة واحدة

👤 المطورون الذين يبدأون تطبيق جوال جديد ويريدون إكمال الأجزاء الممل ⏱ ~45 min beginner

متى تستخدمه: اليوم الأول من مشروع جديد — تريد علامات تبويب وجدول وتدفق تسجيل دخول دون قراءة ثلاثة مقالات مدونة.

المتطلبات الأساسية

Node 20+, Xcode or Android Studio — متطلبات Expo القياسية
تثبيت المهارة — git clone https://github.com/zaferayan/skills ~/.claude/skills/skills

الخطوات

إنشاء التطبيق

استخدم مهارة Expo. ابدأ تطبيق جديد 'TaskFlow' مع expo-router و TypeScript وقالب علامات التبويب. أضف شاشة تسجيل دخول بالبريد الإلكتروني وكلمة المرور.✓ تم النسخ

→ npx create-expo-app run, then file structure with app/(tabs)/ and app/(auth)/
إضافة الحالة

قم بربط Zustand لمتجر المصادقة والاحفظ في SecureStore.✓ تم النسخ

→ stores/auth.ts with zustand + persist middleware using expo-secure-store
اختبار على الجهاز

ابدأ خادم التطوير وأعطني رمز QR للمسح الضوئي.✓ تم النسخ

→ npx expo start output

النتيجة: تطبيق يعمل على هاتفك مع علامات تبويب ومصادقة وحفظ البيانات في أقل من ساعة.

المزالق

Claude يقترح أنماط react-native-cli — قل صراحة 'Expo SDK و expo-router فقط' في الأوامر

اجمعها مع: filesystem

تكوين EAS Build لنظام iOS و Android

👤 الفرق المستعدة لنشر TestFlight / Play الداخلي ⏱ ~30 min intermediate

متى تستخدمه: أول مرة تقدم لـ TestFlight/Play.

الخطوات

إنشاء eas.json

استخدم مهارة Expo. أنشئ eas.json مع ملفات تعريف المعاينة (الداخلية) والإنتاج، وأنماط معرّفات الحزمة الصحيحة، وحقن متغيرات البيئة.✓ تم النسخ

→ ملف eas.json صحيح مع كلا الملفات التعريفية
ربط الأسرار

أضف Sentry DSN وعنوان URL الأساسي للـ API كأسرار EAS للمعاينة والإنتاج بشكل منفصل.✓ تم النسخ

→ eas secret:create commands listed
بدء البناء

الآن ابدأ بناء معاينة لـ iOS.✓ تم النسخ

→ eas build --profile preview --platform ios command

النتيجة: EAS ينشئ الإصدارات، والأسرار مُدارة.

المزالق

التزام app.json مع الأسرار المضمنة — الأسرار تذهب إلى بيئة EAS، وليس app.json؛ اترك Claude يستخدم expo-constants لقراءتها

دمج وحدة أصلية باستخدام مكونات Expo التكوين

👤 المطورون الذين يضيفون وظائف تتطلب رمز أصلي (الكاميرا، المقاييس البيومترية، الإشعارات) ⏱ ~20 min intermediate

متى تستخدمه: تحتاج إلى وظائف خارج JS، لكنك لا تريد الخروج.

الخطوات

تحديد الحزمة الصحيحة

استخدم مهارة Expo. أحتاج إلى مصادقة بيومترية. ما هي وحدة Expo SDK الصحيحة وكيف أقوم بتكوينها؟✓ تم النسخ

→ expo-local-authentication مع إدخالات مكون التكوين
ربط مكون التكوين

أضف إدخالات مكون التكوين وسلاسل الاستخدام المطلوبة لـ iOS.✓ تم النسخ

→ اختلاف app.json مع مصفوفة مكونات و NSFaceIDUsageDescription

النتيجة: وحدة أصلية مدمجة عبر سير العمل المُدار.

المزالق

إضافة رمز أصلي خام وكسر سير العمل المُدار — فضل وحدات Expo SDK ومكونات التكوين؛ اخرج فقط إذا كان ذلك ضرورياً حقاً

التركيبات

اجمعها مع خوادم MCP أخرى لتحقيق نتائج x10

skills-skill-7 + filesystem

تطبيق أسلوب Expo بشكل جماعي على مشروع RN موجود

أنقل تطبيقي RN-CLI إلى سير عمل Expo المُدار؛ أشر إلى شجرة المصدر.✓ تم النسخ

skills-skill-7 + git

التزم بكل خطوة بشكل منفصل حتى تكون تغييرات إعداد EAS قابلة للتدقيق

التزم بتغييرات تكوين EAS كالتزام منفصل قبل إضافة الأسرار.✓ تم النسخ

الأدوات

ما يوفره هذا الـ MCP

الأداة	المدخلات	متى تستدعيها
expo_scaffold	app name, template, features	بدء تطبيق جديد
eas_config	profiles needed	إعداد الإصدارات
config_plugin_wire	native module name	إضافة ميزات أصلية

التكلفة والحدود

تكلفة التشغيل

حصة API: لا يوجد مدمج
الرموز لكل استدعاء: معتدل
التكلفة المالية: Expo مجاني؛ EAS Build لديه مستوى مجاني مع تحجيم مدفوع
نصيحة: استخدم EAS محلي أثناء التطوير؛ البناء السحابي فقط للمعاينة/الإنتاج.

الأمان

الصلاحيات والأسرار ونطاق الأثر

تخزين بيانات الاعتماد: لا توجد بيانات اعتماد مباشرة؛ إدارة أسرار EAS بواسطة Expo

نقل البيانات الخارجي: لا يوجد من المهارة نفسها

لا تلتزم أبداً بـ eas.json مع أسرار مضمنة؛ استخدم eas secret:create.
تعامل مع بيانات expo-secure-store كبيانات حساسة؛ إنها مشفرة لكن ليست لا تُقهر.

استكشاف الأخطاء

الأخطاء الشائعة وحلولها

لا يمكن لـ Metro العثور على الوحدة بعد التثبيت

قم بتشغيل npx expo install بدلاً من npm install بحيث يتم اختيار الإصدارات المتوافقة مع SDK

تحقق: npx expo-doctor

فشل البناء مع 'معرّف الحزمة غير المعترف به'

عدم تطابق معرّف الحزمة بين app.json وبوابة مطوّر Apple؛ محاذاتها

لم يتم العثور على الوحدة الأصلية في وقت التشغيل

لم يتم تشغيل مكون التكوين؛ أعد البناء باستخدام eas build أو npx expo prebuild --clean

البدائل

skills مقابل البدائل

البديل	متى تستخدمها	المقايضة
React Native CLI	تحتاج إلى التحكم الأقصى الأصلي ولا تمانع إدارة Xcode/Gradle	عبء إعداد أكثر بكثير
Flutter	متعدد المنصات مع Dart	لغة مختلفة، نظام بيئي مختلف

skills

لماذا تستخدمه

الميزات الأساسية

عرض مباشر

كيف يبدو في الممارسة

التثبيت

اختر العميل

حالات الاستخدام

استخدامات عملية: skills

إنشاء تطبيق Expo جديد مع علامات تبويب ومصادقة في جلسة واحدة

المتطلبات الأساسية

الخطوات

المزالق

تكوين EAS Build لنظام iOS و Android

الخطوات

المزالق

دمج وحدة أصلية باستخدام مكونات Expo التكوين

الخطوات

المزالق

التركيبات

اجمعها مع خوادم MCP أخرى لتحقيق نتائج x10

الأدوات

ما يوفره هذا الـ MCP

التكلفة والحدود

تكلفة التشغيل

الأمان

الصلاحيات والأسرار ونطاق الأثر

استكشاف الأخطاء

الأخطاء الشائعة وحلولها

البدائل

skills مقابل البدائل

المزيد

الموارد