أنماط الرسوم المتحركة Framer Motion (Motion) لـ React — النوابض، والخطوات المتعرجة، والرسوم المتحركة التخطيطية، والتفاعلات الدقيقة، وتأثيرات التمرير، وانتقالات الصفحة. يُستخدم عند إنشاء الرسوم المتحركة لواجهة المستخدم أو تحسينها، أو إضافة لمسة جمالية، أو جعل الواجهات تبدو متميزة.
ثبّت مهارة الذكاء الاصطناعي motion-design-patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: dylanfeltus/skills.
Framer Motion (Motion) patterns for React — springs, staggers, layout animations, micro-interactions, scroll-triggered effects, and exit animations. The #1 differentiator between generic and polished UI.
Import: import { motion, AnimatePresence, stagger, useScroll, useTransform } from "motion/react"
Note: The package was renamed from framer-motion to motion in late 2024. Both work, but motion is the current package.
أنماط الرسوم المتحركة Framer Motion (Motion) لـ React — النوابض، والخطوات المتعرجة، والرسوم المتحركة التخطيطية، والتفاعلات الدقيقة، وتأثيرات التمرير، وانتقالات الصفحة. يُستخدم عند إنشاء الرسوم المتحركة لواجهة المستخدم أو تحسينها، أو إضافة لمسة جمالية، أو جعل الواجهات تبدو متميزة. المصدر: dylanfeltus/skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/dylanfeltus/skills --skill motion-design-patternsأنماط الرسوم المتحركة Framer Motion (Motion) لـ React — النوابض، والخطوات المتعرجة، والرسوم المتحركة التخطيطية، والتفاعلات الدقيقة، وتأثيرات التمرير، وانتقالات الصفحة. يُستخدم عند إنشاء الرسوم المتحركة لواجهة المستخدم أو تحسينها، أو إضافة لمسة جمالية، أو جعل الواجهات تبدو متميزة. المصدر: dylanfeltus/skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylanfeltus/skills --skill motion-design-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/dylanfeltus/skills