ما هي timing-calibration؟
يُستخدم عندما تبدو سرعة الرسوم المتحركة خاطئة — سريعة جدًا، أو بطيئة جدًا، أو غير متناسقة المصدر: dylantarre/animation-principles.
يُستخدم عندما تبدو سرعة الرسوم المتحركة خاطئة — سريعة جدًا، أو بطيئة جدًا، أو غير متناسقة
ثبّت مهارة الذكاء الاصطناعي timing-calibration بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: dylantarre/animation-principles.
Timing Issue: Duration doesn't match action type Fix: Micro-interactions: 100-150ms. Transitions: 200-400ms. Complex reveals: 400-600ms. Never exceed 1s for UI.
Slow In and Slow Out Issue: Linear timing feels mechanical Fix: Use easing. Ease-out for entrances (fast start, soft landing). Ease-in for exits (soft start, quick finish).
Arcs Issue: Straight-line motion at wrong speed Fix: Curved paths need more time than straight paths. Increase duration for arc motion.
يُستخدم عندما تبدو سرعة الرسوم المتحركة خاطئة — سريعة جدًا، أو بطيئة جدًا، أو غير متناسقة المصدر: dylantarre/animation-principles.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/dylantarre/animation-principles --skill timing-calibrationيُستخدم عندما تبدو سرعة الرسوم المتحركة خاطئة — سريعة جدًا، أو بطيئة جدًا، أو غير متناسقة المصدر: dylantarre/animation-principles.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill timing-calibration بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/dylantarre/animation-principles