العودة لـ MCP والأدوات
الواجهات والتصميم
Rive
أنيميشن تفاعلي حقيقي بحجم صغير — البديل الأقوى لـ Lottie في 2026.
Claude Code Cursor Codex Windsurf
نظرة عامة
Rive مش مجرد عارض أنيميشن — هو رانتايم تفاعلي: الأنيميشن فيه State Machine بيستجيب للهوفر والضغط والمتغيرات، بملفات أصغر من Lottie وأداء أعلى. الوكيل بيدمج الملفات في React ويوصّل الـ inputs بمنطق تطبيقك.
النتيجة شخصيات وأيقونات وأزرار حية بتتفاعل فعلاً مع المستخدم — مش مجرد لوب بيتكرر.
النتيجة شخصيات وأيقونات وأزرار حية بتتفاعل فعلاً مع المستخدم — مش مجرد لوب بيتكرر.
لمن هذه الأداة؟
- أيقونات وأزرار تفاعلية بالهوفر والضغط
- شخصية متحركة بتتبع حالة الفورم
- Splash screens خفيفة الحجم
- مؤشرات تحميل وتقدم حية
التثبيت
إعداد Claude Code
npm install @rive-app/react-canvasاستكشف أدوات AI
أدوات AI تكمل شغلك — للمصممين والمطورين
اقرأ مقالات عن AI
نصايح عملية في التصميم والذكاء الاصطناعي
سيرفرات مشابهة
الواجهات والتصميم
Figma MCP Server
تحويل تصاميم Figma إلى كود مباشرة مع الحفاظ على الأنماط والمكونات.
Claude Code Cursor Windsurf
الواجهات والتصميم Storybook Component Docs
إنشاء توثيق تفاعلي لمكونات الواجهة مع أمثلة حية وحالات استخدام.
Claude Code Copilot Cursor
الواجهات والتصميم Tailwind CSS IntelliSense
إكمال تلقائي ذكي لأصناف Tailwind مع معاينة الألوان والقيم أثناء الكتابة.
Claude Code Copilot Cursor