animate
إضافة حركة واجهة مستخدم هادفة
قد تبدو الواجهات الثابتة مفاجئة وغير واضحة أثناء تغييرات الحالة. ترشد هذه المهارة Claude وCodex وClaude Code إلى إضافة حركة ميسّرة وعالية الأداء عندما تحسّن قابلية الاستخدام.
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "animate" from https://skillstore.io/skills/pbakaus-animate.md and its manifest at https://skillstore.io/api/skills/pbakaus-animate/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "animate". راجع نافذة إعدادات منبثقة لاكتشاف فرص الحركة.
النتيجة المتوقعة:
- ينبغي أن تظهر النافذة المنبثقة بتلاشي وانزلاق سريعين، مع نقل التركيز إلى داخل مربع الحوار.
- تحتاج الأزرار الأساسية إلى استجابة ضغط قصيرة، بينما ينبغي أن تظهر رسائل التحقق بانتقال لطيف.
- ينبغي أن يحصل مستخدمو تقليل الحركة على تغييرات حالة فورية دون حركة زخرفية.
جارٍ استخدام "animate". حسّن تبديل علامات التبويب في لوحة معلومات.
النتيجة المتوقعة:
- استخدم مؤشر علامة تبويب منزلقا للحفاظ على السياق المكاني بين الأقسام.
- اجعل تغييرات المحتوى تتلاشى خلال مدة قصيرة حتى يظل التبديل المتكرر سريعا.
- تجنب parallax أو الانتقالات الطويلة لأن مستخدمي لوحة المعلومات يحتاجون إلى مسح سريع وفعال.
جارٍ استخدام "animate". دقق جودة حركة تحميل صفحة.
النتيجة المتوقعة:
- حافظ على ظهور المحتوى الرئيسي خلال أقل من 800ms ورتّب ظهور المحتوى الثانوي بفواصل صغيرة.
- حرّك transform وopacity فقط، ثم تحقق من السلوك السلس على الأجهزة المستهدفة.
- أكد أن التجربة لا تزال تعمل عند تفعيل تفضيلات تقليل الحركة.
التدقيق الأمني
آمنThe static findings are false positives caused by Markdown code fences and inline code spans in SKILL.md. The skill provides frontend animation guidance and contains no evidence of shell execution, reconnaissance, prompt injection, or data exfiltration.
عوامل الخطر
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/pbakaus-animate/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/pbakaus-animate?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/pbakaus-animate?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-animate/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/pbakaus-animate.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
pbakaus. (2026). animate security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pbakaus-animate/audits/4اقتباس BibTeX
@techreport{pbakaus-pbakaus-animate-2026,
author = {pbakaus},
title = {animate security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/pbakaus-animate/audits/4},
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: "animate security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "pbakaus"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/pbakaus-animate/audits/4"
identifiers:
- type: other
value: "skillstore:pbakaus-animate:audit:4"
description: "Skillstore immutable audit report identifier"
مقارنة المتغيرات
2 متغيرات قابلة للتثبيتتبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.
سبب تصدر هذا المتغير
pbakaus-animate
2026-09-09
emilkowalski-animate
2026-09-09
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: مرتفعما الذي يمكنك بناؤه
تحسين سير عمل المنتجات
أضف تغذية راجعة وانتقالات خفيفة إلى النماذج، ولوحات المعلومات، والإجراءات المتكررة دون تشتيت المستخدمين.
تحسين مكوّنات الواجهة الأمامية
حدّد الأزرار، والنوافذ المنبثقة، وعلامات التبويب، وحالات التحميل التي تحتاج إلى حركة وتغذية راجعة أوضح.
تدقيق إتاحة الحركة
تحقق من أن الحركات تحترم تفضيلات تقليل الحركة وتتجنب التفاعلات المرهقة أو المعطّلة.
جرّب هذه الموجّهات
استخدم مهارة animate لمراجعة هذا المكوّن واقتراح تفاعلات دقيقة هادفة تحسّن التغذية الراجعة والوضوح.
استخدم مهارة animate لإنشاء خطة حركة لسير عمل المستخدم هذا، بما في ذلك الدخول، والتغذية الراجعة، وانتقالات الحالة.
استخدم مهارة animate لإضافة حركات ميسّرة إلى هذه الميزة، مع دعم تقليل الحركة وقيود الأداء.
استخدم مهارة animate لتدقيق هذه الواجهة وتحديد قواعد متسقة للتوقيت، والتسهيل، والتفاعل لنظام الحركة الخاص بها.
أفضل الممارسات
- ابدأ بالجمهور، وحالة الاستخدام، ونبرة العلامة التجارية، وقيود الأداء قبل إضافة الحركة.
- استخدم الحركة لتوضيح التغذية الراجعة، أو تغييرات الحالة، أو التسلسل الهرمي، أو التنقل.
- ادعم دائما تفضيلات تقليل الحركة وتحقق من الأداء على الأجهزة المستهدفة.
تجنب
- إضافة الحركة في كل مكان دون فائدة واضحة للمستخدم.
- استخدام حركات تغذية راجعة طويلة تجعل الواجهة تبدو بطيئة.
- تحريك خصائص التخطيط عندما يمكن أن يحقق transform أو opacity التأثير.