·animejs
</>

animejs

✓
lucking7/animejs-skillsGitHub: lucking7/animejs-skillsالمصدر: lucking7/animejs-skills

يُستخدم عند إنشاء رسوم متحركة JavaScript باستخدام Anime.js v4، أو تنفيذ الرسوم المتحركة على الويب، أو عندما يذكر المستخدم Anime.js/animejs. يتم تشغيل أعراض كود الإصدار 3: animé() بدلاً من animate()، وtranslatorX بدلاً من x، وeasyOutExpo بدلاً من outExpo، وanime.timeline() بدلاً من createTimeline(). يتم تشغيله أيضًا على: الرسوم المتحركة CSS، الرسوم المتحركة SVG، الرسوم المتحركة التي تعتمد على التمرير، تفاعل السحب، تقسيم النص، تخطيط FLIP، فيزياء الربيع، الأنماط المتدرجة في JavaScript.

lucking7·animejs
11التثبيتات·0الرائج·@lucking7

التثبيت

GitHub: lucking7/animejs-skills
$npx skills add https://github.com/lucking7/animejs-skills --skill animejs

كيفية تثبيت animejs

ثبّت مهارة الذكاء الاصطناعي animejs بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/lucking7/animejs-skills --skill animejs
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: lucking7/animejs-skills.

SKILL.md

عرض النص الخام

Modern JavaScript animation library. V4 is a complete rewrite — animate() not anime().

If you see ANY V3 pattern, the code MUST be migrated.

| anime({ targets: '.el', ... }) | animate('.el', { ... }) | Targets = first arg | | anime.timeline() | createTimeline() | Named import | | anime.stagger(100) | stagger(100) | Named import | | anime.set() / anime.get() | utils.set() / utils.get() | On utils object | | anime.remove(targets) | utils.remove(targets) | On utils object |

يُستخدم عند إنشاء رسوم متحركة JavaScript باستخدام Anime.js v4، أو تنفيذ الرسوم المتحركة على الويب، أو عندما يذكر المستخدم Anime.js/animejs. يتم تشغيل أعراض كود الإصدار 3: animé() بدلاً من animate()، وtranslatorX بدلاً من x، وeasyOutExpo بدلاً من outExpo، وanime.timeline() بدلاً من createTimeline(). يتم تشغيله أيضًا على: الرسوم المتحركة CSS، الرسوم المتحركة SVG، الرسوم المتحركة التي تعتمد على التمرير، تفاعل السحب، تقسيم النص، تخطيط FLIP، فيزياء الربيع، الأنماط المتدرجة في JavaScript. المصدر: lucking7/animejs-skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/lucking7/animejs-skills --skill animejs
المصدر
lucking7/animejs-skills
الفئة
</>أدوات التطوير
موثق
✓
أول ظهور
2026-02-12
آخر تحديث
2026-03-10
الرابط
https://www.learn-skills.dev/ar/skills/lucking7/animejs-skills/animejs

Browse more skills from lucking7/animejs-skills

إجابات سريعة

ما هي animejs؟

يُستخدم عند إنشاء رسوم متحركة JavaScript باستخدام Anime.js v4، أو تنفيذ الرسوم المتحركة على الويب، أو عندما يذكر المستخدم Anime.js/animejs. يتم تشغيل أعراض كود الإصدار 3: animé() بدلاً من animate()، وtranslatorX بدلاً من x، وeasyOutExpo بدلاً من outExpo، وanime.timeline() بدلاً من createTimeline(). يتم تشغيله أيضًا على: الرسوم المتحركة CSS، الرسوم المتحركة SVG، الرسوم المتحركة التي تعتمد على التمرير، تفاعل السحب، تقسيم النص، تخطيط FLIP، فيزياء الربيع، الأنماط المتدرجة في JavaScript. المصدر: lucking7/animejs-skills.

كيف أثبّت animejs؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/lucking7/animejs-skills --skill animejs بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/lucking7/animejs-skills

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-12

مهارات ذات صلة

لا يوجد