يتم التشغيل عند: (1) استخدام @rive-app/react-canvas أو @rive-app/react-webgl، (2) باستخدام خطاف useRive أو RiveComponent، (3) بناء مكونات React باستخدام رسوم Rive المتحركة، (4) يذكر المستخدم "Rive React" أو "useRive"، (5) تنفيذ الرسوم المتحركة القائمة على التمرير أو المنظر باستخدام Rive. أفضل الممارسات لدمج الرسوم المتحركة Rive في تطبيقات React باستخدام حزمة Rive React الرسمية. يغطي الخطافات والتخطيط والرسوم المتحركة للتمرير.
ثبّت مهارة الذكاء الاصطناعي rive-react بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: stevysmith/rive-skills.
@file rules/use-rive.md @file rules/callbacks.md @file rules/layout.md @file rules/scroll-animations.md
يتم التشغيل عند: (1) استخدام @rive-app/react-canvas أو @rive-app/react-webgl، (2) باستخدام خطاف useRive أو RiveComponent، (3) بناء مكونات React باستخدام رسوم Rive المتحركة، (4) يذكر المستخدم "Rive React" أو "useRive"، (5) تنفيذ الرسوم المتحركة القائمة على التمرير أو المنظر باستخدام Rive. أفضل الممارسات لدمج الرسوم المتحركة Rive في تطبيقات React باستخدام حزمة Rive React الرسمية. يغطي الخطافات والتخطيط والرسوم المتحركة للتمرير. المصدر: stevysmith/rive-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/stevysmith/rive-skills --skill rive-react بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
معتمدة أمنيا لكود موثوق وآمن تثبيت بنقرة واحدة مع إعداد مبسّط متوافقة مع Claude Code وCursor وOpenClaw والمزيد
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/stevysmith/rive-skills --skill rive-reactيتم التشغيل عند: (1) استخدام @rive-app/react-canvas أو @rive-app/react-webgl، (2) باستخدام خطاف useRive أو RiveComponent، (3) بناء مكونات React باستخدام رسوم Rive المتحركة، (4) يذكر المستخدم "Rive React" أو "useRive"، (5) تنفيذ الرسوم المتحركة القائمة على التمرير أو المنظر باستخدام Rive. أفضل الممارسات لدمج الرسوم المتحركة Rive في تطبيقات React باستخدام حزمة Rive React الرسمية. يغطي الخطافات والتخطيط والرسوم المتحركة للتمرير. المصدر: stevysmith/rive-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/stevysmith/rive-skills --skill rive-react بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/stevysmith/rive-skills