·framer-motion

مكتبة الرسوم المتحركة Framer Motion الشاملة لـ React. يغطي مكونات الحركة، والمتغيرات، والإيماءات، وانتقالات الصفحة، والرسوم المتحركة التمرير. يُستخدم عند إضافة رسوم متحركة إلى تطبيقات React/Next.js.

13التثبيتات·1الرائج·@naimalarain13

التثبيت

$npx skills add https://github.com/naimalarain13/hackathon-ii_the-evolution-of-todo --skill framer-motion

كيفية تثبيت framer-motion

ثبّت مهارة الذكاء الاصطناعي framer-motion بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/naimalarain13/hackathon-ii_the-evolution-of-todo --skill framer-motion
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: naimalarain13/hackathon-ii_the-evolution-of-todo.

| Motion Component | reference/motion-component.md | | Variants | reference/variants.md | | Gestures | reference/gestures.md | | Hooks | reference/hooks.md |

| Page Transitions | examples/page-transitions.md | | List Animations | examples/list-animations.md | | Scroll Animations | examples/scroll-animations.md | | Micro-interactions | examples/micro-interactions.md |

| templates/page-transition.tsx | Page transition wrapper | | templates/animated-list.tsx | Animated list component |

مكتبة الرسوم المتحركة Framer Motion الشاملة لـ React. يغطي مكونات الحركة، والمتغيرات، والإيماءات، وانتقالات الصفحة، والرسوم المتحركة التمرير. يُستخدم عند إضافة رسوم متحركة إلى تطبيقات React/Next.js. المصدر: naimalarain13/hackathon-ii_the-evolution-of-todo.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/naimalarain13/hackathon-ii_the-evolution-of-todo --skill framer-motion
الفئة
>_الإنتاجية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from naimalarain13/hackathon-ii_the-evolution-of-todo

إجابات سريعة

ما هي framer-motion؟

مكتبة الرسوم المتحركة Framer Motion الشاملة لـ React. يغطي مكونات الحركة، والمتغيرات، والإيماءات، وانتقالات الصفحة، والرسوم المتحركة التمرير. يُستخدم عند إضافة رسوم متحركة إلى تطبيقات React/Next.js. المصدر: naimalarain13/hackathon-ii_the-evolution-of-todo.

كيف أثبّت framer-motion؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/naimalarain13/hackathon-ii_the-evolution-of-todo --skill framer-motion بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/naimalarain13/hackathon-ii_the-evolution-of-todo

التفاصيل

الفئة
>_الإنتاجية
المصدر
skills.sh
أول ظهور
2026-02-01