ما هي hover-interactions؟
يُستخدم عند إنشاء تأثيرات تحريك الماوس - تمييز الأزرار، أو رفع البطاقة، أو تسطير الرابط، أو تكبير الصورة، أو أي رسم متحرك يتم تشغيله بواسطة المؤشر. المصدر: dylantarre/animation-principles.
·hover-interactions
*
hover-interactions
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesالمصدر: dylantarre/animation-principles
يُستخدم عند إنشاء تأثيرات تحريك الماوس - تمييز الأزرار، أو رفع البطاقة، أو تسطير الرابط، أو تكبير الصورة، أو أي رسم متحرك يتم تشغيله بواسطة المؤشر.
كيفية تثبيت hover-interactions
ثبّت مهارة الذكاء الاصطناعي hover-interactions بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill hover-interactions
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: dylantarre/animation-principles.
SKILL.md
عرض النص الخامSquash & Stretch: Cards can subtly scale (1.02-1.05) on hover, creating "lift" effect.
Anticipation: Hover IS anticipation for click. The hover state previews the interaction.
Staging: Hover effects should highlight the interactive element, not distract from it.
يُستخدم عند إنشاء تأثيرات تحريك الماوس - تمييز الأزرار، أو رفع البطاقة، أو تسطير الرابط، أو تكبير الصورة، أو أي رسم متحرك يتم تشغيله بواسطة المؤشر. المصدر: dylantarre/animation-principles.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill hover-interactions- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-03-03
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت hover-interactions؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill hover-interactions بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/dylantarre/animation-principles
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-03-03