Install
npx skills add https://github.com/greensock/gsap-skillsلمن يناسب
يناسب من يريد أن يستخدم مساعد الترميز GSAP（GreenSock Animation Platform）بالطريقة الرسمية. النص الرسمي: هذه مهارات الذكاء الرسمية لـ GSAP لتعليم الاستعمال الصحيح، وتغطي الواجهة الأساسية والخطوط الزمنية وScrollTrigger والإضافات، إضافة إلى React وVue وSvelte وJS الأصلي والأداء.
الأنسب من يكتب حركة سلفاً ويستعد للتحقق مما إذا كان gsap.to() / from() / fromTo() أو ترتيب الخط الزمني أو محفزات التمرير مكتوبة صحيحاً. لا تعامل هذه المجموعة كزمن تشغيل GSAP نفسه: تُثبَّت مكتبة الحركة من حزمة npm العلنية gsap. الرسمي: GSAP مجاني مئة في المئة بما في ذلك كل الإضافات؛ بعد استحواذ Webflow أصبحت إضافات Club السابقة（مثل SplitText وMorphSVG）مجانية للجميع بما في ذلك الاستخدام التجاري. لا عضوية Club ولا .npmrc ولا رمز مصادقة ولا مستودع خاص.
قبل البدء يجب أن تستطيع تشغيل npx skills add محلياً. لا تعِد كتابة هذا الأمر كمثبّت آخر غير معطى.
أول محاولة في 3 دقائق
أمر التثبيت الواحد في المستودع فقط. أنهِ تثبيت المهارات أولاً ثم اجعل المساعد يراجع للقراءة فقط؛ لا تغيّر ملفات المشروع بعد.
الشروط المسبقة: البيئة الحالية تشغّل npm/npx ومساعدك يحمّل المهارات المثبتة حديثاً. في أول محاولة لا تكتب شفرة حركة ولا تتصل بمصدر خاص غير موثّق.
موضع التثبيت: أضف المهارات في المشروع أو مساحة العمل بالأمر الرسمي.
npx skills add https://github.com/greensock/gsap-skills
المستودع الرسمي:
https://github.com/greensock/gsap-skills
صفحة منتج GSAP:
https://gsap.com/
تشغيل منخفض المخاطر: بعد التثبيت اجعل المساعد يفحص فقط ما إذا كان gsap.to() قائم يستخدم easing أو duration أو stagger أو defaults المذكورة في الواجهة الأساسية الرسمية. لا تدعه يغيّر الملفات أولاً. إن كانت الخطوة التالية كتابة شفرة خط زمني أو ScrollTrigger فأكّد أي ملفات ستتغير قبل التنفيذ.
إشارة النجاح: يناقش المساعد gsap.to() / from() / fromTo() بلهجة gsap-core ولا يخترع أسماء مهارات غير مدرجة. أي مساعدين يستطيعون استخدام واجهة CLI هذه يشير إليه الرسمي:
https://github.com/vercel-labs/skills#supported-agents
لا تستنتج من قائمة واحدة أن «هؤلاء المساعدين فقط يعملون».
حالات الاستخدام
الحالة الأولى: مراجعة كتابة حركة أساسية محلية. استخدم gsap-core: الواجهة الأساسية تشمل gsap.to() / from() / fromTo() إضافة إلى easing وduration وstagger وdefaults. تناسب من لديه توين ويريد التحقق من انحراف المعاملات. الدليل يصل إلى هذه الموضوعات فقط بلا جرد دوال كامل. افحص أولاً للقراءة فقط؛ إن تغيّرت الشفرة فأكّد الآثار الجانبية أولاً.
الحالة الثانية: مراجعة حركة تمرير محلية. استخدم gsap-scrolltrigger: ربط التمرير وpinning وscrub وtriggers إضافة إلى refresh وcleanup. تناسب صفحات فيها محفزات تمرير وتريد التحقق من تحديث أو تنظيف ناقص. افحص أولاً ثم قرر تغيير الملفات. مهارة الخط الزمني gsap-timeline في سطر منفصل في الأصل（sequencing وposition parameter وlabels وnesting وplayback）；لا تدمجها مع ScrollTrigger في مهارة واحدة.
حدود الاستخدام
ثبّت المهارات بـ npx skills add https://github.com/greensock/gsap-skills . ثبّت مكتبة GSAP من حزمة npm العلنية gsap. لا تعاملهما كخطوة واحدة.
أسطر المهارات المسماة في الأصل هي فقط gsap-core وgsap-timeline وgsap-scrolltrigger. لا تُكمل أسماء أخرى.
GSAP وإضافات Club السابقة مجانية الآن بما في ذلك الاستخدام التجاري؛ ملاحظة الاستحواذ:
https://gsap.com/blog/webflow-GSAP/
لا تثبّت كما لو كانت مصادقة أو مصدر خاص مطلوبين. النص الرسمي لا يكتب اللغات كنطاق حصري ولا يطلب استخدام React أو Vue أو Svelte معاً.