ما هي medium-300-500ms؟
يُستخدم عند إنشاء رسوم متحركة قياسية يتراوح حجمها بين 300 و500 مللي ثانية - انتقالات الصفحة وتغييرات مهمة في واجهة المستخدم والرسوم التوضيحية المتحركة التي تحتاج إلى اتصال واضح المصدر: dylantarre/animation-principles.
·medium-300-500ms
*
medium-300-500ms
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesالمصدر: dylantarre/animation-principles
يُستخدم عند إنشاء رسوم متحركة قياسية يتراوح حجمها بين 300 و500 مللي ثانية - انتقالات الصفحة وتغييرات مهمة في واجهة المستخدم والرسوم التوضيحية المتحركة التي تحتاج إلى اتصال واضح
كيفية تثبيت medium-300-500ms
ثبّت مهارة الذكاء الاصطناعي medium-300-500ms بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill medium-300-500ms
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: dylantarre/animation-principles.
SKILL.md
عرض النص الخامThe 300-500ms range is standard animation territory. Long enough to be watched, short enough to not impede flow. The workhorse duration for meaningful motion.
Squash & Stretch: Full expression - visible deformation for bouncing, elastic elements. 15-25% stretch feels natural.
Anticipation: Clear preparation - 80-120ms anticipation before main action. Pull back before push forward.
يُستخدم عند إنشاء رسوم متحركة قياسية يتراوح حجمها بين 300 و500 مللي ثانية - انتقالات الصفحة وتغييرات مهمة في واجهة المستخدم والرسوم التوضيحية المتحركة التي تحتاج إلى اتصال واضح المصدر: dylantarre/animation-principles.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill medium-300-500ms- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-03-05
- آخر تحديث
- 2026-03-11
إجابات سريعة
كيف أثبّت medium-300-500ms؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill medium-300-500ms بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/dylantarre/animation-principles
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-03-05