يُستخدم عند تنفيذ الرسوم المتحركة على الويب، أو تسلسل المخطط الزمني، أو الرسوم المتحركة التي يتم تشغيلها بالتمرير، أو رسوم SVG المتحركة، أو انتقالات التخطيط، أو استخدام GSAP، أو ScrollTrigger، أو ScrollSmoother، أو SplitText، أو Flip، أو DrawSVG، أو MorphSVG، أو MotionPath، أو @gsap/react useGSAP.
ثبّت مهارة الذكاء الاصطناعي gsap بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: noklip-io/agent-skills.
Professional-grade JavaScript animation library for the modern web. Provides high-performance tweening with powerful sequencing, scroll-based animations, and extensive plugin ecosystem.
| Tween | Single animation that changes properties over time | | Timeline | Container for sequencing tweens with precise control | | Ease | Controls animation velocity curve (default: power1.out) | | ScrollTrigger | Links animations to scroll position | | Plugin | Extends GSAP with specialized capabilities |
| references/00-cheatsheet.md | Quick reference, common operations at a glance | | references/01-core.md | Basic tweens, special properties, callbacks, quickTo, ticker | | references/02-easing.md | Easing functions, custom eases | | references/03-timeline.md | Sequencing, positioning, labels, nesting |
يُستخدم عند تنفيذ الرسوم المتحركة على الويب، أو تسلسل المخطط الزمني، أو الرسوم المتحركة التي يتم تشغيلها بالتمرير، أو رسوم SVG المتحركة، أو انتقالات التخطيط، أو استخدام GSAP، أو ScrollTrigger، أو ScrollSmoother، أو SplitText، أو Flip، أو DrawSVG، أو MorphSVG، أو MotionPath، أو @gsap/react useGSAP. المصدر: noklip-io/agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/noklip-io/agent-skills --skill gsapيُستخدم عند تنفيذ الرسوم المتحركة على الويب، أو تسلسل المخطط الزمني، أو الرسوم المتحركة التي يتم تشغيلها بالتمرير، أو رسوم SVG المتحركة، أو انتقالات التخطيط، أو استخدام GSAP، أو ScrollTrigger، أو ScrollSmoother، أو SplitText، أو Flip، أو DrawSVG، أو MorphSVG، أو MotionPath، أو @gsap/react useGSAP. المصدر: noklip-io/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/noklip-io/agent-skills --skill gsap بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/noklip-io/agent-skills