يتم التشغيل عند: (1) تحميل ملفات .riv أو تضمينها على الويب، (2) استخدام حزم @rive-app/canvas أو @rive-app/webgl، (3) التحكم في أجهزة Rive State من JavaScript، (4) قراءة/كتابة مدخلات Rive أو التعامل مع الأحداث، (5) يذكر المستخدم "Rive runtime" أو "Rive Animation" في سياق الويب. أفضل الممارسات لتضمين رسوم Rive المتحركة والتحكم فيها على الويب باستخدام وقت تشغيل Rive JavaScript/TypeScript الرسمي.
ثبّت مهارة الذكاء الاصطناعي rive-web بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: stevysmith/rive-skills.
Embed and control Rive animations on the web with JavaScript/TypeScript.
| Rive Instance | Main controller for the animation | | State Machine | Interactive logic built in Rive editor | | Inputs | Variables to control state machine (Boolean, Number, Trigger) | | Events | Signals fired by the state machine | | Artboard | Container for animation content |
@file rules/loading.md @file rules/state-machines.md @file rules/inputs.md
يتم التشغيل عند: (1) تحميل ملفات .riv أو تضمينها على الويب، (2) استخدام حزم @rive-app/canvas أو @rive-app/webgl، (3) التحكم في أجهزة Rive State من JavaScript، (4) قراءة/كتابة مدخلات Rive أو التعامل مع الأحداث، (5) يذكر المستخدم "Rive runtime" أو "Rive Animation" في سياق الويب. أفضل الممارسات لتضمين رسوم Rive المتحركة والتحكم فيها على الويب باستخدام وقت تشغيل Rive JavaScript/TypeScript الرسمي. المصدر: stevysmith/rive-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/stevysmith/rive-skills --skill rive-webيتم التشغيل عند: (1) تحميل ملفات .riv أو تضمينها على الويب، (2) استخدام حزم @rive-app/canvas أو @rive-app/webgl، (3) التحكم في أجهزة Rive State من JavaScript، (4) قراءة/كتابة مدخلات Rive أو التعامل مع الأحداث، (5) يذكر المستخدم "Rive runtime" أو "Rive Animation" في سياق الويب. أفضل الممارسات لتضمين رسوم Rive المتحركة والتحكم فيها على الويب باستخدام وقت تشغيل Rive JavaScript/TypeScript الرسمي. المصدر: stevysmith/rive-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/stevysmith/rive-skills --skill rive-web بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/stevysmith/rive-skills