كيفية إعداد خادم ExodeUI MCP في Cursor
الإعداد خطوة بخطوة لخادم ExodeUI MCP في Cursor (وClaude Code): إدخال mcp.json، والتحقق من الأدوات، والمطالبات الأولى والمراجعة الآمنة.
الوجبات الجاهزة الأساسية
أضف إدخالاً إلى .cursor/mcp.json الخاص بمشروعك والذي يقوم بتشغيل حزمة claude-exode-mcp مع npx، وأعد تحميل Cursor، وتأكد من ظهور خادم exode وأدواته في إعدادات MCP الخاصة بـ Cursor. ثم اطلب من وكيل Cursor إنشاء رسم متحرك أو تحريره بلغة واضحة، ومراجعة النتيجة في محرر ExodeUI قبل الشحن.
ما تحتاجه
Cursor وNode.js (لذلك يتوفر npx) وحساب ExodeUI إذا كنت تريد فتح النتائج في المحرر. تم نشر خادم ExodeUI MCP على npm باسم claude-exode-mcp؛ يتم تشغيله محليًا من خلال npx، لذلك لا يوجد شيء آخر يمكن تثبيته يدويًا.
الخطوة 1: إضافة الخادم إلى mcp.json
يقرأ Cursor خوادم MCP المخصصة من ملف mcp.json؛ يوجد ملف على مستوى المشروع في .cursor/mcp.json في مستودعك. تستخدم خوادم سطر الأوامر المحلية النوع "stdio" مع الأمر والوسائط. يقوم إدخال ExodeUI بتشغيل npx مع حزمة claude-exode-mcp (انظر كتلة التعليمات البرمجية أدناه).
الخطوة 2: إعادة تحميل الأدوات والتحقق منها
أعد تحميل Cursor، وافتح إعدادات MCP الخاصة به وتأكد من تشغيل خادم exode وسرد أدواته. إذا فشل في البدء، فتأكد من أن npx يعمل في جهازك الطرفي وأن إصدار Node.js لديك حديث.
الخطوة 3: موجه
اسأل بلغة واضحة وكن محددًا بشأن الحالات والمشاعر:
- "قم بإنشاء تبديل مع حالات التشغيل والإيقاف ونابض ناعم بينهما."
- "أضف حالة تحميل إلى زر الحفظ الذي ينبض بلطف، ثم تحقق من النجاح."
- "اجعل الرسوم المتحركة الناجحة أسرع وقلل من التجاوز."
باستخدام Claude Code بدلا من ذلك
في Claude Code، أضف نفس الخادم بأمر واحد: claude mcp add exode npx -y claude-exode-mcp. يدعم Claude Code أيضًا التكوين على مستوى المشروع في ملف .mcp.json.
قم بالمراجعة قبل الشحن
يمكن للوكيل الذي يمكنه تحرير الملفات أن يرتكب أخطاء أيضًا. احتفظ بملفات .exode في Git حتى تكون التغييرات قابلة للتغيير، وافتح النتائج في محرر ExodeUI للتحقق من التوقيت وكل حالة، واختبار سلوك الحركة المنخفضة.
مقتطف من تنفيذ الإنتاج
// .cursor/mcp.json
{
"mcpServers": {
"exode": {
"type": "stdio",
"command": "npx",
"args": ["-y", "claude-exode-mcp"]
}
}
}
# Claude Code alternative
claude mcp add exode npx -y claude-exode-mcpمفتاح Principle للتذكر
- الخادم هو حزمة npm claude-exode-mcp، ويتم تشغيله باستخدام npx
- في Cursor، أضفه إلى .cursor/mcp.json كخادم stdio
- أعد تحميل الأدوات وتأكد من ظهورها في إعدادات MCP
- موجه مع الدول ويشعر؛ ضبط الأرقام بعد ذلك
- احتفظ بالملفات في Git وراجع التغييرات في المحرر
الأسئلة المتداولة
المصادر
- claude-exode-mcp — npm
- Model Context Protocol (MCP) — مستندات Cursor
- Connect Claude Code to tools via MCP — مستندات Claude Code