استخدم هذه المهارة لتنفيذ الرسوم المتحركة Motion (Framer Motion) في تطبيقات React. يغطي الإعدادات المسبقة للرسوم المتحركة، وانتقالات الصفحة، والرسوم المتحركة المشروطة، وقائمة التأثيرات المتداخلة، وتفاعلات التمرير، وأدوات التحميل الهيكلية، وأنماط الرسوم المتحركة المدركة لـ RTL.
ثبّت مهارة الذكاء الاصطناعي motion-animation-patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: yonatangross/orchestkit.
This skill provides comprehensive guidance for implementing Motion (Framer Motion) animations in React 19 applications. It ensures consistent, performant, and accessible animations across the UI using centralized animation presets.
All animations MUST use the centralized animations.ts presets. This ensures:
| Preset | Duration | Ease | Use For |
استخدم هذه المهارة لتنفيذ الرسوم المتحركة Motion (Framer Motion) في تطبيقات React. يغطي الإعدادات المسبقة للرسوم المتحركة، وانتقالات الصفحة، والرسوم المتحركة المشروطة، وقائمة التأثيرات المتداخلة، وتفاعلات التمرير، وأدوات التحميل الهيكلية، وأنماط الرسوم المتحركة المدركة لـ RTL. المصدر: yonatangross/orchestkit.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/yonatangross/orchestkit --skill motion-animation-patternsاستخدم هذه المهارة لتنفيذ الرسوم المتحركة Motion (Framer Motion) في تطبيقات React. يغطي الإعدادات المسبقة للرسوم المتحركة، وانتقالات الصفحة، والرسوم المتحركة المشروطة، وقائمة التأثيرات المتداخلة، وتفاعلات التمرير، وأدوات التحميل الهيكلية، وأنماط الرسوم المتحركة المدركة لـ RTL. المصدر: yonatangross/orchestkit.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/yonatangross/orchestkit --skill motion-animation-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/yonatangross/orchestkit