gsap-animations
أنشئ رسوم GSAP متحركة ميسّرة
يمكن أن تضر الرسوم المتحركة الحديثة على الويب بالأداء وإتاحة الوصول عندما تُنفّذ من دون ضوابط واضحة. تمنح هذه المهارة Claude أنماط GSAP عملية، وخطوات اختبار، وفحوصات إطلاق لإنجاز عمل رسوم متحركة مصقول.
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "gsap-animations" from https://skillstore.io/skills/crazyswami-gsap-animations.md and its manifest at https://skillstore.io/api/skills/crazyswami-gsap-animations/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "gsap-animations". أضف رسوم بطاقات متحركة يتم تشغيلها بالتمرير إلى صفحة هبوط.
النتيجة المتوقعة:
- خطة رسوم بطاقات متتابعة تستخدم transform وopacity.
- فرع للحركة المخففة يعطل الحركة.
- قائمة فحص لاختبار سلوك الجوال ولقطات الشاشة.
جارٍ استخدام "gsap-animations". راجع رسوم hero المتحركة هذه قبل الإطلاق.
النتيجة المتوقعة:
- ملاحظات أداء حول خصائص transform فقط.
- فحوصات إتاحة الوصول للمحتوى المرئي والحركة المخففة.
- توصيات تنظيف لمثيلات ScrollTrigger.
جارٍ استخدام "gsap-animations". أعدّ GSAP في قالب WordPress.
النتيجة المتوقعة:
- نهج WordPress enqueue لـ GSAP وScrollTrigger.
- إرشادات ترتيب الاعتماديات لملف رسوم القالب المتحركة.
- تذكيرات إنتاجية للإصدارات المثبتة وترخيص الإضافات.
التدقيق الأمني
آمنAll static findings were assessed as false positives in documentation examples and checklists. The skill contains GSAP setup guidance, code snippets, and reference links, with no evidence of command execution, data exfiltration, prompt injection, or screenshot upload behavior.
عوامل الخطر
⚙️ الأوامر الخارجية (50)
🌐 الوصول إلى الشبكة (11)
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/crazyswami-gsap-animations/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/crazyswami-gsap-animations?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/crazyswami-gsap-animations?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/crazyswami-gsap-animations/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/crazyswami-gsap-animations.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>الاستشهادات الأكاديمية (APA · BibTeX · CFF)
اقتباس APA
CrazySwami. (2026). gsap-animations security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/crazyswami-gsap-animations/audits/10اقتباس BibTeX
@techreport{crazyswami-crazyswami-gsap-animations-2026,
author = {CrazySwami},
title = {gsap-animations security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/crazyswami-gsap-animations/audits/10},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "gsap-animations security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
- name: "CrazySwami"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/crazyswami-gsap-animations/audits/10"
identifiers:
- type: other
value: "skillstore:crazyswami-gsap-animations:audit:10"
description: "Skillstore immutable audit report identifier"
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: مرتفعما الذي يمكنك بناؤه
إضافة رسوم تمرير متحركة إلى صفحة تسويقية
استخدم المهارة لتصميم تأثيرات التلاشي، والتتابع، وparallax التي تبقي المحتوى قابلا للاستخدام دون JavaScript.
مراجعة الرسوم المتحركة قبل الإطلاق
طبّق قائمة الفحص للحركة المخففة، والأداء، وسلوك الجوال، وجاهزية ضمان الجودة المرئي.
دمج GSAP في قالب WordPress
اتبع أمثلة enqueue وبنية الاعتماديات لـ GSAP core وScrollTrigger وملفات رسوم القالب المتحركة.
جرّب هذه الموجّهات
استخدم هذه المهارة لإضافة رسوم تلاشي بسيطة باستخدام GSAP للقسم الخاص بي. راعِ الحركة المخففة وأبقِ المحتوى مرئيا دون JavaScript.
استخدم هذه المهارة لإنشاء رسوم ScrollTrigger متحركة بسلوك مختلف على سطح المكتب والجوال. ضمّن التعامل مع التنظيف والتحديث.
استخدم هذه المهارة لمراجعة كود رسوم GSAP المتحركة الخاص بي بحثا عن layout thrashing، والمحفزات الزائدة، والتنظيف المفقود، ومشكلات الحركة المخففة.
استخدم هذه المهارة لجعل الرسوم المتحركة الخاصة بي موثوقة للقطات شاشة Playwright وضمان الجودة المرئي عبر أحجام viewport.
أفضل الممارسات
- ابدأ بمحتوى ثابت ميسّر، ثم أضف الرسوم المتحركة كتحسين تدريجي.
- حرّك transform وopacity قبل التفكير في أي خاصية تغيّر التخطيط.
- اختبر الحركة المخففة، وأجهزة الجوال، وسلوك تغيير الحجم، ولقطات ضمان الجودة المرئي قبل الإطلاق.
تجنب
- لا تخفِ المحتوى الأساسي حتى يتم تحميل JavaScript أو مكتبات الرسوم المتحركة.
- لا تترك علامات ScrollTrigger مفعلة في الإنتاج.
- لا تعتمد على DevTools سطح المكتب وحدها للتحقق من الأداء.
الأسئلة المتكررة
هل تثبت هذه المهارة GSAP نيابة عني؟
هل يمكن استخدامها خارج WordPress؟
هل تغطي إتاحة الوصول للحركة المخففة؟
هل تدعم اختبار الانحدار المرئي؟
هل أمثلة إضافات GSAP آمنة من ناحية الترخيص؟
هل يمكنها ضمان رسوم متحركة بمعدل 60fps؟
تفاصيل المطور
المؤلف
CrazySwamiالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
7db9b9f06e0ab79c575b58bc48c4d8dc9849f424
حداثة الصيانة
١٨/٧/٢٠٢٦
الاستخدام
4 تنزيلات · 326 مشاهدات
بنية الملفات
📄 SKILL.md