ما هي entrance-animations؟
يُستخدم عندما يلزم ظهور العناصر على الشاشة - تحميل الصفحة، أو فتح النماذج، أو العناصر المضافة، أو الكشف عن المحتوى، أو أي رسوم متحركة "يتم عرضها". المصدر: dylantarre/animation-principles.
·entrance-animations
*
entrance-animations
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesالمصدر: dylantarre/animation-principles
يُستخدم عندما يلزم ظهور العناصر على الشاشة - تحميل الصفحة، أو فتح النماذج، أو العناصر المضافة، أو الكشف عن المحتوى، أو أي رسوم متحركة "يتم عرضها".
كيفية تثبيت entrance-animations
ثبّت مهارة الذكاء الاصطناعي entrance-animations بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill entrance-animations
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: dylantarre/animation-principles.
SKILL.md
عرض النص الخامSquash & Stretch: Scale from 95% to 100% on entry. Elements feel elastic, not rigid.
Anticipation: Start slightly below/smaller than final position. A -10px offset before sliding up creates expectation.
Staging: Enter from the direction of user attention. New list items from the top, modals from center, sidebars from their edge.
يُستخدم عندما يلزم ظهور العناصر على الشاشة - تحميل الصفحة، أو فتح النماذج، أو العناصر المضافة، أو الكشف عن المحتوى، أو أي رسوم متحركة "يتم عرضها". المصدر: dylantarre/animation-principles.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill entrance-animations- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-03-03
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت entrance-animations؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill entrance-animations بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/dylantarre/animation-principles
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-03-03