ما هي accessible-motion؟
يُستخدم عند تنفيذ بدائل الحركة المنخفضة، أو الرسوم المتحركة الآمنة الدهليزية، أو الامتثال لـ WCAG، أو التصميم للمستخدمين ذوي حساسية الحركة. المصدر: dylantarre/animation-principles.
·accessible-motion
*
accessible-motion
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesالمصدر: dylantarre/animation-principles
يُستخدم عند تنفيذ بدائل الحركة المنخفضة، أو الرسوم المتحركة الآمنة الدهليزية، أو الامتثال لـ WCAG، أو التصميم للمستخدمين ذوي حساسية الحركة.
كيفية تثبيت accessible-motion
ثبّت مهارة الذكاء الاصطناعي accessible-motion بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill accessible-motion
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: dylantarre/animation-principles.
SKILL.md
عرض النص الخامApply Disney's 12 animation principles while ensuring accessibility for users with vestibular disorders, motion sensitivity, and cognitive disabilities.
| Squash & Stretch | Opacity/color change instead | | Anticipation | State change indication without motion | | Staging | Focus management, not motion-based | | Straight Ahead / Pose to Pose | Instant state changes | | Follow Through / Overlapping | Eliminated or minimal fade | | Slow In / Slow Out | Instant or very gentle ease |
| Arc | Straight or no movement | | Secondary Action | Reduced or eliminated | | Timing | Instant (0ms) or extended duration | | Exaggeration | Removed entirely | | Solid Drawing | Static visual clarity | | Appeal | Clarity over personality |
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill accessible-motion- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-02-19
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت accessible-motion؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill accessible-motion بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/dylantarre/animation-principles
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-02-19