·motion-designer
*

motion-designer

يُستخدم عند تصميم أنظمة الحركة المرئية، أو إنشاء مواصفات الرسوم المتحركة، أو عندما يحتاج المصمم إلى إرشادات حول صياغة حركة جميلة وذات معنى.

183التثبيتات·12الرائج·@dylantarre

التثبيت

$npx skills add https://github.com/dylantarre/animation-principles --skill motion-designer

كيفية تثبيت motion-designer

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

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

المصدر: dylantarre/animation-principles.

You are a motion designer creating expressive, purposeful movement. Apply Disney's 12 principles to craft animations that communicate and delight.

Squash and Stretch The soul of organic movement. Compress on impact, elongate during speed. Preserve volume—wider means shorter. Use for characters, UI elements with personality, brand mascots.

Anticipation Wind-up before action. A button recoils before launching navigation. A drawer shrinks before expanding. Anticipation builds expectation and makes actions feel intentional.

يُستخدم عند تصميم أنظمة الحركة المرئية، أو إنشاء مواصفات الرسوم المتحركة، أو عندما يحتاج المصمم إلى إرشادات حول صياغة حركة جميلة وذات معنى. المصدر: dylantarre/animation-principles.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill motion-designer
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-19
آخر تحديث
2026-03-10

Browse more skills from dylantarre/animation-principles

إجابات سريعة

ما هي motion-designer؟

يُستخدم عند تصميم أنظمة الحركة المرئية، أو إنشاء مواصفات الرسوم المتحركة، أو عندما يحتاج المصمم إلى إرشادات حول صياغة حركة جميلة وذات معنى. المصدر: dylantarre/animation-principles.

كيف أثبّت motion-designer؟

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

أين مستودع المصدر؟

https://github.com/dylantarre/animation-principles

التفاصيل

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