·lottie-animations
</>

lottie-animations

عرض الرسوم المتحركة After Effects لتطبيقات الويب وReact. استخدم هذه المهارة عند تنفيذ رسوم Lottie المتحركة، أو رسوم متحركة متجهة JSON، أو أيقونات متحركة تفاعلية، أو تفاعلات دقيقة، أو تحميل رسوم متحركة. يتم تشغيلها عند تنفيذ المهام التي تتضمن Lottie، أو lottie-web، أو lottie-react، أو dotLottie، أو تصدير After Effects JSON، أو bodymovin، أو بدائل SVG المتحركة، أو الرسوم المتحركة التي أنشأها المصمم. يكمل GSAP ScrollTrigger وFramer Motion للرسوم المتحركة التفاعلية والمعتمدة على التمرير.

17التثبيتات·2الرائج·@freshtechbro

التثبيت

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

كيفية تثبيت lottie-animations

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

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

المصدر: freshtechbro/claudedesignskills.

Lottie is a library for rendering After Effects animations in real-time on web, iOS, Android, and React Native. Created by Airbnb, it allows designers to ship animations as easily as shipping static assets. Animations are exported from After Effects as JSON files using the Bodymovin plugin, then rendered natively with minimal performance overhead.

Problem: Animation doesn't load due to CORS or incorrect paths.

عرض الرسوم المتحركة After Effects لتطبيقات الويب وReact. استخدم هذه المهارة عند تنفيذ رسوم Lottie المتحركة، أو رسوم متحركة متجهة JSON، أو أيقونات متحركة تفاعلية، أو تفاعلات دقيقة، أو تحميل رسوم متحركة. يتم تشغيلها عند تنفيذ المهام التي تتضمن Lottie، أو lottie-web، أو lottie-react، أو dotLottie، أو تصدير After Effects JSON، أو bodymovin، أو بدائل SVG المتحركة، أو الرسوم المتحركة التي أنشأها المصمم. يكمل GSAP ScrollTrigger وFramer Motion للرسوم المتحركة التفاعلية والمعتمدة على التمرير. المصدر: freshtechbro/claudedesignskills.

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

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

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

Browse more skills from freshtechbro/claudedesignskills

إجابات سريعة

ما هي lottie-animations؟

عرض الرسوم المتحركة After Effects لتطبيقات الويب وReact. استخدم هذه المهارة عند تنفيذ رسوم Lottie المتحركة، أو رسوم متحركة متجهة JSON، أو أيقونات متحركة تفاعلية، أو تفاعلات دقيقة، أو تحميل رسوم متحركة. يتم تشغيلها عند تنفيذ المهام التي تتضمن Lottie، أو lottie-web، أو lottie-react، أو dotLottie، أو تصدير After Effects JSON، أو bodymovin، أو بدائل SVG المتحركة، أو الرسوم المتحركة التي أنشأها المصمم. يكمل GSAP ScrollTrigger وFramer Motion للرسوم المتحركة التفاعلية والمعتمدة على التمرير. المصدر: freshtechbro/claudedesignskills.

كيف أثبّت lottie-animations؟

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

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

https://github.com/freshtechbro/claudedesignskills

التفاصيل

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