قم بإنشاء رسوم متحركة React باستخدام الحركة (Framer Motion) - الإيماءات (السحب، التمرير، النقر)، تأثيرات التمرير، فيزياء الربيع، الرسوم المتحركة للتخطيط، SVG. الحزمة: 2.3 كيلو بايت (صغيرة) إلى 34 كيلو بايت (كاملة). يُستخدم عندما: السحب والإفلات، ورسوم التمرير المتحركة، والنماذج، والدوامات، واختلاف المنظر. استكشاف الأخطاء وإصلاحها: خروج AnimatePresence، وأداء القائمة، وتعارضات Tailwind، و"استخدام العميل" في Next.js.
ثبّت مهارة الذكاء الاصطناعي motion بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: jezweb/claude-skills.
Motion (package: motion, formerly framer-motion) is the industry-standard React animation library used in production by thousands of applications. With 30,200+ GitHub stars and 300+ official examples, it provides a declarative API for creating sophisticated animations with minimal code.
Production Tested: React 19.2, Next.js 16.1, Vite 7.3, Tailwind v4
Performance: Uses native ScrollTimeline API when available for hardware acceleration.
قم بإنشاء رسوم متحركة React باستخدام الحركة (Framer Motion) - الإيماءات (السحب، التمرير، النقر)، تأثيرات التمرير، فيزياء الربيع، الرسوم المتحركة للتخطيط، SVG. الحزمة: 2.3 كيلو بايت (صغيرة) إلى 34 كيلو بايت (كاملة). يُستخدم عندما: السحب والإفلات، ورسوم التمرير المتحركة، والنماذج، والدوامات، واختلاف المنظر. استكشاف الأخطاء وإصلاحها: خروج AnimatePresence، وأداء القائمة، وتعارضات Tailwind، و"استخدام العميل" في Next.js. المصدر: jezweb/claude-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/jezweb/claude-skills --skill motionقم بإنشاء رسوم متحركة React باستخدام الحركة (Framer Motion) - الإيماءات (السحب، التمرير، النقر)، تأثيرات التمرير، فيزياء الربيع، الرسوم المتحركة للتخطيط، SVG. الحزمة: 2.3 كيلو بايت (صغيرة) إلى 34 كيلو بايت (كاملة). يُستخدم عندما: السحب والإفلات، ورسوم التمرير المتحركة، والنماذج، والدوامات، واختلاف المنظر. استكشاف الأخطاء وإصلاحها: خروج AnimatePresence، وأداء القائمة، وتعارضات Tailwind، و"استخدام العميل" في Next.js. المصدر: jezweb/claude-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/jezweb/claude-skills --skill motion بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/jezweb/claude-skills