ما هي universal-patterns؟
يُستخدم عند إنشاء أي نوع من الرسوم المتحركة - يوفر التوقيت الأساسي والتخفيف والتطبيق الأساسي الذي ينطبق على جميع الحركات في الواجهات. المصدر: dylantarre/animation-principles.
يُستخدم عند إنشاء أي نوع من الرسوم المتحركة - يوفر التوقيت الأساسي والتخفيف والتطبيق الأساسي الذي ينطبق على جميع الحركات في الواجهات.
ثبّت مهارة الذكاء الاصطناعي universal-patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: dylantarre/animation-principles.
Apply Disney's 12 principles as baseline defaults for any animation.
| Instant | 100-150ms | Hovers, toggles, micro-states | | Fast | 150-250ms | Feedback, small transitions | | Standard | 250-400ms | Modals, reveals, state changes | | Slow | 400-600ms | Page transitions, sequences | | Deliberate | 600-1000ms | Dramatic reveals, celebrations |
يُستخدم عند إنشاء أي نوع من الرسوم المتحركة - يوفر التوقيت الأساسي والتخفيف والتطبيق الأساسي الذي ينطبق على جميع الحركات في الواجهات. المصدر: dylantarre/animation-principles.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill universal-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/dylantarre/animation-principles --skill universal-patternsيُستخدم عند إنشاء أي نوع من الرسوم المتحركة - يوفر التوقيت الأساسي والتخفيف والتطبيق الأساسي الذي ينطبق على جميع الحركات في الواجهات. المصدر: dylantarre/animation-principles.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill universal-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/dylantarre/animation-principles