·gsap-scrolltrigger
*

gsap-scrolltrigger

مهارة شاملة لـ GSAP (منصة الرسوم المتحركة GreenSock) والمكون الإضافي ScrollTrigger. استخدم هذه المهارة عند إنشاء رسوم متحركة على الويب، أو تجارب تعتمد على التمرير، أو مخططات زمنية، أو مراهقات، أو رسوم متحركة يتم تشغيلها عن طريق التمرير، أو التثبيت، أو الغسل، أو تأثيرات اختلاف المنظر، أو تحريك عناصر DOM، أو SVG، أو Canvas، أو WebGL، أو Three.js. تشغيل المهام التي تتضمن GSAP أو ScrollTrigger أو الرسوم المتحركة السلسة أو تأثيرات التمرير أو تسلسل الرسوم المتحركة.

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

التثبيت

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

كيفية تثبيت gsap-scrolltrigger

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

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

المصدر: freshtechbro/claudedesignskills.

GSAP (GreenSock Animation Platform) is the industry-leading JavaScript animation library for creating high-performance, production-quality animations. ScrollTrigger is GSAP's powerful plugin for scroll-driven animations. Together, they enable everything from simple UI transitions to complex scroll-based storytelling experiences.

A tween is a single animation from point A to point B.

ScrollTrigger handles this automatically, but for custom resize logic:

مهارة شاملة لـ GSAP (منصة الرسوم المتحركة GreenSock) والمكون الإضافي ScrollTrigger. استخدم هذه المهارة عند إنشاء رسوم متحركة على الويب، أو تجارب تعتمد على التمرير، أو مخططات زمنية، أو مراهقات، أو رسوم متحركة يتم تشغيلها عن طريق التمرير، أو التثبيت، أو الغسل، أو تأثيرات اختلاف المنظر، أو تحريك عناصر DOM، أو SVG، أو Canvas، أو WebGL، أو Three.js. تشغيل المهام التي تتضمن GSAP أو ScrollTrigger أو الرسوم المتحركة السلسة أو تأثيرات التمرير أو تسلسل الرسوم المتحركة. المصدر: freshtechbro/claudedesignskills.

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

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

أمر التثبيت
npx skills add https://github.com/freshtechbro/claudedesignskills --skill gsap-scrolltrigger
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-03-01
آخر تحديث
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

إجابات سريعة

ما هي gsap-scrolltrigger؟

مهارة شاملة لـ GSAP (منصة الرسوم المتحركة GreenSock) والمكون الإضافي ScrollTrigger. استخدم هذه المهارة عند إنشاء رسوم متحركة على الويب، أو تجارب تعتمد على التمرير، أو مخططات زمنية، أو مراهقات، أو رسوم متحركة يتم تشغيلها عن طريق التمرير، أو التثبيت، أو الغسل، أو تأثيرات اختلاف المنظر، أو تحريك عناصر DOM، أو SVG، أو Canvas، أو WebGL، أو Three.js. تشغيل المهام التي تتضمن GSAP أو ScrollTrigger أو الرسوم المتحركة السلسة أو تأثيرات التمرير أو تسلسل الرسوم المتحركة. المصدر: freshtechbro/claudedesignskills.

كيف أثبّت gsap-scrolltrigger؟

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

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

https://github.com/freshtechbro/claudedesignskills