ما هي micro-100-200ms؟
يُستخدم عند إنشاء تفاعلات صغيرة يتراوح حجمها بين 100 و200 مللي ثانية - تظهر تلميحات الأدوات، ويتم فتح القائمة المنسدلة، ورسوم متحركة صغيرة للتعليقات تبدو سريعة ولكن يمكن إدراكها المصدر: dylantarre/animation-principles.
·micro-100-200ms
*
micro-100-200ms
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesالمصدر: dylantarre/animation-principles
يُستخدم عند إنشاء تفاعلات صغيرة يتراوح حجمها بين 100 و200 مللي ثانية - تظهر تلميحات الأدوات، ويتم فتح القائمة المنسدلة، ورسوم متحركة صغيرة للتعليقات تبدو سريعة ولكن يمكن إدراكها
كيفية تثبيت micro-100-200ms
ثبّت مهارة الذكاء الاصطناعي micro-100-200ms بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill micro-100-200ms
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: dylantarre/animation-principles.
SKILL.md
عرض النص الخامThe 100-200ms range is the sweet spot for micro-interactions. Fast enough to feel responsive, slow enough to be perceived as intentional motion.
Squash & Stretch: Light application - 5-10% works for bouncy buttons, appearing elements.
Anticipation: Micro-anticipation possible - 20-30ms wind-up before 150ms action.
يُستخدم عند إنشاء تفاعلات صغيرة يتراوح حجمها بين 100 و200 مللي ثانية - تظهر تلميحات الأدوات، ويتم فتح القائمة المنسدلة، ورسوم متحركة صغيرة للتعليقات تبدو سريعة ولكن يمكن إدراكها المصدر: dylantarre/animation-principles.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill micro-100-200ms- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-03-05
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت micro-100-200ms؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill micro-100-200ms بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/dylantarre/animation-principles
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-03-05