·rive-interactive
*

rive-interactive

الرسوم المتحركة المتجهة القائمة على الآلة مع تفاعل وقت التشغيل وتكامل الويب. استخدم هذه المهارة عند إنشاء رسوم متحركة تفاعلية، أو واجهة مستخدم تعتمد على الحالة، أو مكونات متحركة ذات منطق، أو رسوم متحركة أنشأها المصمم مع التحكم في وقت التشغيل. يتم تشغيل المهام التي تتضمن Rive أو أجهزة الحالة أو الرسوم المتحركة المتجهة التفاعلية أو الرسوم المتحركة مع معالجة الإدخال أو ربط بيانات ViewModel أو تكامل React Rive. بديل لـ Lottie للرسوم المتحركة التي تتطلب أجهزة حالة وتفاعل ثنائي الاتجاه.

15التثبيتات·2الرائج·@freshtechbro

التثبيت

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive

كيفية تثبيت rive-interactive

ثبّت مهارة الذكاء الاصطناعي rive-interactive بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: freshtechbro/claudedesignskills.

Rive is a state machine-based animation platform that enables designers to create interactive vector animations with complex logic and runtime interactivity. Unlike timeline-only animation tools (like Lottie), Rive supports state machines, input handling, and two-way data binding between application code and animations.

الرسوم المتحركة المتجهة القائمة على الآلة مع تفاعل وقت التشغيل وتكامل الويب. استخدم هذه المهارة عند إنشاء رسوم متحركة تفاعلية، أو واجهة مستخدم تعتمد على الحالة، أو مكونات متحركة ذات منطق، أو رسوم متحركة أنشأها المصمم مع التحكم في وقت التشغيل. يتم تشغيل المهام التي تتضمن Rive أو أجهزة الحالة أو الرسوم المتحركة المتجهة التفاعلية أو الرسوم المتحركة مع معالجة الإدخال أو ربط بيانات ViewModel أو تكامل React Rive. بديل لـ Lottie للرسوم المتحركة التي تتطلب أجهزة حالة وتفاعل ثنائي الاتجاه. المصدر: freshtechbro/claudedesignskills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-03-09
آخر تحديث
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

إجابات سريعة

ما هي rive-interactive؟

الرسوم المتحركة المتجهة القائمة على الآلة مع تفاعل وقت التشغيل وتكامل الويب. استخدم هذه المهارة عند إنشاء رسوم متحركة تفاعلية، أو واجهة مستخدم تعتمد على الحالة، أو مكونات متحركة ذات منطق، أو رسوم متحركة أنشأها المصمم مع التحكم في وقت التشغيل. يتم تشغيل المهام التي تتضمن Rive أو أجهزة الحالة أو الرسوم المتحركة المتجهة التفاعلية أو الرسوم المتحركة مع معالجة الإدخال أو ربط بيانات ViewModel أو تكامل React Rive. بديل لـ Lottie للرسوم المتحركة التي تتطلب أجهزة حالة وتفاعل ثنائي الاتجاه. المصدر: freshtechbro/claudedesignskills.

كيف أثبّت rive-interactive؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/freshtechbro/claudedesignskills