ما هي universal-elements؟
يُستخدم عند تحريك أي عنصر واجهة مستخدم لا تغطيه مهارات محددة، أو عند تطبيق مبادئ الرسوم المتحركة العامة عبر أنواع عناصر متعددة المصدر: dylantarre/animation-principles.
·universal-elements
*
universal-elements
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesالمصدر: dylantarre/animation-principles
يُستخدم عند تحريك أي عنصر واجهة مستخدم لا تغطيه مهارات محددة، أو عند تطبيق مبادئ الرسوم المتحركة العامة عبر أنواع عناصر متعددة
كيفية تثبيت universal-elements
ثبّت مهارة الذكاء الاصطناعي universal-elements بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill universal-elements
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: dylantarre/animation-principles.
SKILL.md
عرض النص الخامApply Disney's 12 principles to any UI element for consistent, professional motion design.
Squash & Stretch Any element that responds to interaction can squash (compress on impact/press) and stretch (extend on release). Keep it subtle: 2-5% maximum for UI.
Anticipation Before any significant action, a brief preparatory motion signals what's coming. Scale down before scale up, pull back before push forward. 50-100ms duration.
يُستخدم عند تحريك أي عنصر واجهة مستخدم لا تغطيه مهارات محددة، أو عند تطبيق مبادئ الرسوم المتحركة العامة عبر أنواع عناصر متعددة المصدر: dylantarre/animation-principles.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill universal-elements- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-03-05
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت universal-elements؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill universal-elements بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/dylantarre/animation-principles
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-03-05