ما هي modals-dialogs؟
يُستخدم عند تحريك الوسائط أو مربعات الحوار أو النوافذ المنبثقة أو محتوى التراكب لإنشاء مداخل ومخارج سلسة المصدر: dylantarre/animation-principles.
·modals-dialogs
*
modals-dialogs
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesالمصدر: dylantarre/animation-principles
يُستخدم عند تحريك الوسائط أو مربعات الحوار أو النوافذ المنبثقة أو محتوى التراكب لإنشاء مداخل ومخارج سلسة
كيفية تثبيت modals-dialogs
ثبّت مهارة الذكاء الاصطناعي modals-dialogs بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill modals-dialogs
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: dylantarre/animation-principles.
SKILL.md
عرض النص الخامApply Disney's 12 principles to modals for seamless, non-jarring transitions.
Squash & Stretch Modal can scale from 0.9 to 1.0 on enter, creating a subtle expansion feel. Exit reverses. Keep it subtle to maintain professionalism.
Anticipation Trigger element (button) should react before modal appears. Brief scale-down of trigger, then modal emerges from that point.
يُستخدم عند تحريك الوسائط أو مربعات الحوار أو النوافذ المنبثقة أو محتوى التراكب لإنشاء مداخل ومخارج سلسة المصدر: dylantarre/animation-principles.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill modals-dialogs- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-03-05
- آخر تحديث
- 2026-03-11
إجابات سريعة
كيف أثبّت modals-dialogs؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill modals-dialogs بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/dylantarre/animation-principles
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-03-05