Rive MCP: كيفية توصيل Claude Code وCursor وCodex بـ Rive
كيف يعمل خادم Rive MCP، وكيفية توصيل Claude Code وCursor بمحرر Rive، وما يمكن للذكاء الاصطناعي فعله وما لا يمكنه فعله، وكيف يقارن مع وكيل Rive المدمج وRive CLI.
الوجبات الجاهزة الأساسية
تم دمج خادم Rive MCP في محرر سطح المكتب Rive لنظامي التشغيل Mac وWindows. بينما يكون Rive مفتوحًا، فإنه يعمل على http://127.0.0.1:9791/mcp، ويمكن لأدوات تشفير الذكاء الاصطناعي مثل Claude Code وCursor الاتصال به لإنشاء لوحات فنية وأشكال ورسوم متحركة وآلات الحالة وعرض النماذج والبرامج النصية في الملف المفتوح. في Claude Code، قم بتوصيله بأمر واحد: claude mcp add --transport http rive http://127.0.0.1:9791/mcp.
حول هذا الدليل
ExodeUI لا ينتمي إلى Rive أو Anthropic. يستند هذا الدليل إلى وثائق Rive الخاصة اعتبارًا من أكتوبر 2026. تتغير ميزات الذكاء الاصطناعي الخاصة بـ Rive بسرعة، لذا تحقق من صفحة MCP الرسمية إذا كانت الخطوة لا تتطابق مع ما تراه. لقد صنعنا ExodeUI، الذي لديه خادم MCP الخاص به، وقمنا بمقارنة الاثنين في النهاية.
ما يمكن أن يفعله خادم Rive MCP
يقول Rive إن الأدوات الأولى تهدف إلى العمل المتكرر، مثل بناء نماذج العرض أو أجهزة الحالة التي تحتوي على مئات الحالات والطبقات. وفقًا لمستندات Rive، يمكن لأداة الذكاء الاصطناعي المتصلة القيام بما يلي:
- إنشاء الملفات وإدارتها: إضافة لوحات الرسم وإعادة تسميتها وتغيير حجمها وترتيبها والتركيز عليها
- فحص المشهد وتحريره: الاستعلام عن التسلسل الهرمي، أو تحديد الكائنات، أو تحديث الخصائص، أو تكرار العناصر، أو إعادة ترتيبها، أو إعادة إنشائها، أو حذفها
- بناء التصميمات: الأشكال والمسارات والتخطيطات ومثيلات المكونات والقوائم
- إنشاء الرسوم المتحركة والتفاعل: الرسوم المتحركة الخطية، وأجهزة الحالة، والحالات، والانتقالات، والشروط، والإطارات الرئيسية والاستيفاء
- العمل مع ربط البيانات: عرض النماذج والخصائص والمثيلات والارتباطات
- تحرير البرامج النصية Luau وتظليل WGSL: تحديث التعليمات البرمجية وتشغيل التشخيص وإعادة الترجمة واختبار وقراءة مخرجات وحدة التحكم
كيفية إعداد Rive MCP مع Claude Code
يعمل MCP فقط مع محرر سطح المكتب، وليس إصدار المتصفح. افتح Rive أولاً، ثم قم بتوصيل أداة الذكاء الاصطناعي الخاصة بك.
1. افتح تطبيق سطح المكتب Rive
قم بتثبيت أحدث محرر سطح مكتب Rive لنظام التشغيل macOS أو Windows من rive.app/downloads وافتح الملف الذي تريد العمل عليه.
2. أضف خادم MCP
في المحطة، قم بتشغيل: claude mcp add --transport http rive http://127.0.0.1:9791/mcp
3. ابدأ تشغيل Claude Code
تشغيل كلود. ابدأ تشغيله بعد فتح Rive، حتى يتمكن من العثور على أدوات Rive.
4. المطالبة بالميزات، وليس التعليمات البرمجية
قم بوصف ما تريد رؤيته وما لا يجب تغييره، على سبيل المثال "أضف حالة تمرير إلى الزر الذي يغير حجمه إلى 1.05 بزنبرك، واحتفظ بحالة الضغط كما هي".
كيفية إعداد Rive MCP مع Cursor وCodex
في Cursor، افتح الإعدادات، وانتقل إلى الأدوات وMCPs، واختر إضافة MCP مخصص، وأضف خادمًا باسم rive بعنوان URL http://127.0.0.1:9791/mcp، ثم قم بتشغيل الاتصال. يوثق Rive Claude Code وCursor. نظرًا لأن الخادم هو خادم HTTP MCP محلي، فيمكن للعملاء الآخرين الذين يدعمون خوادم HTTP MCP، مثل Codex، الاتصال بنفس عنوان URL.
Rive MCP مقابل وكيل الذكاء الاصطناعي المدمج في Rive
يحتوي Rive أيضًا على وكيل AI داخل المحرر. يمكن لكلاهما تحرير ملفك. الفرق هو من يدفع وماذا يمكن للوكيل رؤيته.
- يعمل الوكيل المدمج وفقًا لخطط Rive: يقتصر على الإصدارين المجاني وCadet، مع نماذج متقدمة وأرصدة إضافية ومفتاح API الخاص بك على Voyager
- مع MCP، يمكنك استخدام اشتراك الذكاء الاصطناعي الذي تدفع مقابله بالفعل، مثل Claude أو Cursor
- يمكن للوكيل الخارجي أيضًا قراءة رمز تطبيقك وملاحظاتك ومستنداتك، حتى يتمكن من تحرير ملف Rive وتوصيله إلى تطبيقك في نفس الجلسة
- لا يحتاج الوكيل المدمج إلى أي إعداد ويعمل في محرر المتصفح
Rive MCP مقابل Rive CLI
يعد CLI الأحدث لـ Rive طريقًا مختلفًا. بدلاً من تشغيل المحرر المفتوح، يقوم وكيل الترميز بكتابة المشهد كنص بلغة توصيف Rive (RML)، وتقوم واجهة سطر الأوامر (CLI) بإنشاء ملفات .riv لتطبيقك أو ملفات .rev التي تفتح في المحرر. يعرض معاينة محلية، ويمكنه عرض الإطارات وإجراء الاختبارات بدون نافذة، ويحتفظ بالمشروع كمجلد نص، حتى يتمكن من العيش في التحكم في الإصدار. استخدم MCP للعمل مع المصمم في المحرر؛ استخدم واجهة سطر الأوامر (CLI) عندما يقوم الوكيل بإنشاء أو تحرير رسومات Rive من التعليمات البرمجية.
حدود يجب معرفتها قبل البدء
يعد تكامل MCP الخاص بـ Rive جديدًا وله بعض الحدود العملية.
- يجب أن يكون محرر سطح المكتب فقط، على نظامي التشغيل macOS وWindows، وRive مفتوحًا مع ملفك
- يعمل الذكاء الاصطناعي على الملف المفتوح، لذا تحقق من النتيجة التي تظهر على الشاشة قبل أن تثق به
- لا يزال نشر ملفات .riv بدون شاشة البداية Rive يحتاج إلى خطة مدفوعة، من Cadet بسعر 9 دولارات لكل مقعد شهريًا يتم إصدار فاتورة بها سنويًا
- تعمل الموجهات التي تصف النتيجة التي تريدها بشكل أفضل من الموجهات التي تصف التعليمات البرمجية
البديل: خادم MCP الخاص بـ ExodeUI
ExodeUI عبارة عن أداة متصفح وسطح مكتب لواجهة المستخدم التفاعلية والرسوم المتحركة. كما أن لديها خادم MCP، لذا يمكن لـ Claude Code وCursor وأدوات ترميز الذكاء الاصطناعي الأخرى إنشاء رسوم متحركة وتحريرها من خلال مطالبات باللغة العادية. والنتيجة هي ملف .exode JSON واحد مفتوح يحتوي على أجهزة الحالة وفيزياء الربيع والمدخلات والأحداث التي تتحكم فيها التعليمات البرمجية الخاصة بك، والتي يتم تشغيلها بواسطة أوقات التشغيل لـ React وVue وSvelte وAngular وSolid وReact Native وSwiftUI وFlutter. إنه يناسب واجهة المستخدم التفاعلية للمنتج أكثر من الرسوم المتحركة للشخصية. إذا كنت تعمل بالفعل في Rive، فإن خادم MCP الخاص به هو الخيار الأسهل.
مقتطف من تنفيذ الإنتاج
# Rive desktop editor must be open first
claude mcp add --transport http rive http://127.0.0.1:9791/mcp
# then start Claude Code
claudeمفتاح Principle للتذكر
- يعمل خادم Rive MCP داخل محرر سطح المكتب Rive على http://127.0.0.1:9791/mcp
- يتصل Claude Code بأمر واحد؛ يتصل Cursor من خلال الأدوات وMCPs
- يمكنه بناء الأشكال والرسوم المتحركة وأجهزة الحالة وعرض النماذج ونصوص Luau في الملف المفتوح
- يعد Rive CLI مسارًا منفصلاً قائمًا على النص للوكلاء الذين يقومون بإنشاء ملفات Rive من التعليمات البرمجية