ما هي small-200-300ms؟
يُستخدم عند إنشاء انتقالات صغيرة يتراوح حجمها بين 200 و300 مللي ثانية - المظاهر المشروطة وتوسيعات البطاقة وانتقالات التنقل التي يدركها المستخدمون بوعي المصدر: dylantarre/animation-principles.
·small-200-300ms
*
small-200-300ms
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesالمصدر: dylantarre/animation-principles
يُستخدم عند إنشاء انتقالات صغيرة يتراوح حجمها بين 200 و300 مللي ثانية - المظاهر المشروطة وتوسيعات البطاقة وانتقالات التنقل التي يدركها المستخدمون بوعي
كيفية تثبيت small-200-300ms
ثبّت مهارة الذكاء الاصطناعي small-200-300ms بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill small-200-300ms
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: dylantarre/animation-principles.
SKILL.md
عرض النص الخامAt 200-300ms, users consciously perceive motion. This duration bridges micro-interactions and full animations - ideal for UI state changes.
Squash & Stretch: Visible but restrained - 10-15% for playful interfaces, 5% for professional.
Anticipation: Brief wind-up works - 40-60ms preparation enhances 200ms main action.
يُستخدم عند إنشاء انتقالات صغيرة يتراوح حجمها بين 200 و300 مللي ثانية - المظاهر المشروطة وتوسيعات البطاقة وانتقالات التنقل التي يدركها المستخدمون بوعي المصدر: dylantarre/animation-principles.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill small-200-300ms- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-03-05
- آخر تحديث
- 2026-03-11
إجابات سريعة
كيف أثبّت small-200-300ms؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill small-200-300ms بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/dylantarre/animation-principles
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-03-05