رسوم متحركة تفاعلية تعتمد على الحالة مع أجهزة حالة مدمجة. يُستخدم عندما يجب أن تتفاعل الرسوم المتحركة مع إدخال المستخدم (التمرير أو النقر أو السحب) أو أن تحتوي على حالات/انتقالات متعددة أو تستجيب لقيم البيانات (أشرطة التقدم والعدادات). مثالية للأزرار المتحركة، والمفاتيح، ومربعات الاختيار، والشخصيات. بالنسبة للرسوم المتحركة البسيطة للتشغيل/الحلقة، استخدم Lottie بدلاً من ذلك.
ثبّت مهارة الذكاء الاصطناعي frontend-rive بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: petbrains/mvp-builder.
Interactive animations with built-in state machines. Animation logic inside the .riv file.
| Just plays/loops | Lottie | | Reacts to hover | Rive | | Controlled by data | Rive | | Multiple states | Rive | | Simple loader | Lottie |
رسوم متحركة تفاعلية تعتمد على الحالة مع أجهزة حالة مدمجة. يُستخدم عندما يجب أن تتفاعل الرسوم المتحركة مع إدخال المستخدم (التمرير أو النقر أو السحب) أو أن تحتوي على حالات/انتقالات متعددة أو تستجيب لقيم البيانات (أشرطة التقدم والعدادات). مثالية للأزرار المتحركة، والمفاتيح، ومربعات الاختيار، والشخصيات. بالنسبة للرسوم المتحركة البسيطة للتشغيل/الحلقة، استخدم Lottie بدلاً من ذلك. المصدر: petbrains/mvp-builder.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-rive بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-riveرسوم متحركة تفاعلية تعتمد على الحالة مع أجهزة حالة مدمجة. يُستخدم عندما يجب أن تتفاعل الرسوم المتحركة مع إدخال المستخدم (التمرير أو النقر أو السحب) أو أن تحتوي على حالات/انتقالات متعددة أو تستجيب لقيم البيانات (أشرطة التقدم والعدادات). مثالية للأزرار المتحركة، والمفاتيح، ومربعات الاختيار، والشخصيات. بالنسبة للرسوم المتحركة البسيطة للتشغيل/الحلقة، استخدم Lottie بدلاً من ذلك. المصدر: petbrains/mvp-builder.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-rive بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/petbrains/mvp-builder