·motion-animation-patterns
*

motion-animation-patterns

استخدم هذه المهارة لتنفيذ الرسوم المتحركة Motion (Framer Motion) في تطبيقات React. يغطي الإعدادات المسبقة للرسوم المتحركة، وانتقالات الصفحة، والرسوم المتحركة المشروطة، وقائمة التأثيرات المتداخلة، وتفاعلات التمرير، وأدوات التحميل الهيكلية، وأنماط الرسوم المتحركة المدركة لـ RTL.

30التثبيتات·0الرائج·@yonatangross

التثبيت

$npx skills add https://github.com/yonatangross/orchestkit --skill motion-animation-patterns

كيفية تثبيت motion-animation-patterns

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

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

المصدر: 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
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from yonatangross/orchestkit

إجابات سريعة

ما هي motion-animation-patterns؟

استخدم هذه المهارة لتنفيذ الرسوم المتحركة Motion (Framer Motion) في تطبيقات React. يغطي الإعدادات المسبقة للرسوم المتحركة، وانتقالات الصفحة، والرسوم المتحركة المشروطة، وقائمة التأثيرات المتداخلة، وتفاعلات التمرير، وأدوات التحميل الهيكلية، وأنماط الرسوم المتحركة المدركة لـ RTL. المصدر: yonatangross/orchestkit.

كيف أثبّت motion-animation-patterns؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل 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