·animejs

محرك رسوم متحركة JavaScript متعدد الاستخدامات لكائنات DOM وCSS وSVG وJavaScript. يُستخدم عند إنشاء رسوم متحركة قائمة على المخطط الزمني، أو تأثيرات متداخلة، أو تحويل SVG، أو تسلسلات إطارات رئيسية، أو رسوم متحركة معقدة مصممة. تشغيل المهام التي تتضمن Anime.js، أو الرسوم المتحركة للمخطط الزمني، أو التسلسلات المتدرجة، أو الرسوم المتحركة لمسار SVG، أو التحويل، أو تصميم الرقصات المتحركة متعددة الخطوات. بديل لـ GSAP للرسوم المتحركة ذات SVG الثقيلة والمشاريع المستقلة عن React.

13التثبيتات·1الرائج·@freshtechbro

التثبيت

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill animejs

كيفية تثبيت animejs

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

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

المصدر: freshtechbro/claudedesignskills.

Lightweight JavaScript animation library with powerful timeline and stagger capabilities for web animations.

Anime.js (pronounced "Anime JS") is a versatile animation engine that works with DOM elements, CSS properties, SVG attributes, and JavaScript objects. Unlike React-specific libraries, Anime.js works with vanilla JavaScript and any framework.

Anime.js vs GSAP: Use Anime.js for SVG-heavy animations, simpler projects, or when bundle size matters. Use GSAP for complex scroll-driven experiences, advanced timelines, and professional-grade control.

محرك رسوم متحركة JavaScript متعدد الاستخدامات لكائنات DOM وCSS وSVG وJavaScript. يُستخدم عند إنشاء رسوم متحركة قائمة على المخطط الزمني، أو تأثيرات متداخلة، أو تحويل SVG، أو تسلسلات إطارات رئيسية، أو رسوم متحركة معقدة مصممة. تشغيل المهام التي تتضمن Anime.js، أو الرسوم المتحركة للمخطط الزمني، أو التسلسلات المتدرجة، أو الرسوم المتحركة لمسار SVG، أو التحويل، أو تصميم الرقصات المتحركة متعددة الخطوات. بديل لـ GSAP للرسوم المتحركة ذات SVG الثقيلة والمشاريع المستقلة عن React. المصدر: freshtechbro/claudedesignskills.

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

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

أمر التثبيت
npx skills add https://github.com/freshtechbro/claudedesignskills --skill animejs
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-03-09
آخر تحديث
2026-03-11

Browse more skills from freshtechbro/claudedesignskills

إجابات سريعة

ما هي animejs؟

محرك رسوم متحركة JavaScript متعدد الاستخدامات لكائنات DOM وCSS وSVG وJavaScript. يُستخدم عند إنشاء رسوم متحركة قائمة على المخطط الزمني، أو تأثيرات متداخلة، أو تحويل SVG، أو تسلسلات إطارات رئيسية، أو رسوم متحركة معقدة مصممة. تشغيل المهام التي تتضمن Anime.js، أو الرسوم المتحركة للمخطط الزمني، أو التسلسلات المتدرجة، أو الرسوم المتحركة لمسار SVG، أو التحويل، أو تصميم الرقصات المتحركة متعددة الخطوات. بديل لـ GSAP للرسوم المتحركة ذات SVG الثقيلة والمشاريع المستقلة عن React. المصدر: freshtechbro/claudedesignskills.

كيف أثبّت animejs؟

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

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

https://github.com/freshtechbro/claudedesignskills

التفاصيل

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