·timing-calibration
*

timing-calibration

يُستخدم عندما تبدو سرعة الرسوم المتحركة خاطئة — سريعة جدًا، أو بطيئة جدًا، أو غير متناسقة

34التثبيتات·3الرائج·@dylantarre

التثبيت

$npx skills add https://github.com/dylantarre/animation-principles --skill timing-calibration

كيفية تثبيت timing-calibration

ثبّت مهارة الذكاء الاصطناعي timing-calibration بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill timing-calibration
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: 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
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-03-05
آخر تحديث
2026-03-11

Browse more skills from dylantarre/animation-principles

إجابات سريعة

ما هي timing-calibration؟

يُستخدم عندما تبدو سرعة الرسوم المتحركة خاطئة — سريعة جدًا، أو بطيئة جدًا، أو غير متناسقة المصدر: dylantarre/animation-principles.

كيف أثبّت timing-calibration؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل 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

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-03-05