ما هي exit-animations؟
يُستخدم عندما تحتاج العناصر إلى مغادرة الشاشة - إغلاق الوسائط، أو رفض الإشعارات، أو إزالة العناصر، أو انتقالات الصفحة للخارج، أو أي رسوم متحركة "لمغادرة العرض". المصدر: dylantarre/animation-principles.
·exit-animations
*
exit-animations
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesالمصدر: dylantarre/animation-principles
يُستخدم عندما تحتاج العناصر إلى مغادرة الشاشة - إغلاق الوسائط، أو رفض الإشعارات، أو إزالة العناصر، أو انتقالات الصفحة للخارج، أو أي رسوم متحركة "لمغادرة العرض".
كيفية تثبيت exit-animations
ثبّت مهارة الذكاء الاصطناعي exit-animations بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill exit-animations
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: dylantarre/animation-principles.
SKILL.md
عرض النص الخامSquash & Stretch: Scale down to 95-98% on exit. Element compresses slightly as it departs.
Anticipation: Brief pause or micro-movement before departure. A 50ms hesitation acknowledges the exit.
Staging: Exit toward logical destinations. Deleted items fall down, dismissed modals shrink to origin, sidebars return to their edge.
يُستخدم عندما تحتاج العناصر إلى مغادرة الشاشة - إغلاق الوسائط، أو رفض الإشعارات، أو إزالة العناصر، أو انتقالات الصفحة للخارج، أو أي رسوم متحركة "لمغادرة العرض". المصدر: dylantarre/animation-principles.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill exit-animations- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-03-03
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت exit-animations؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill exit-animations بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/dylantarre/animation-principles
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-03-03