apple-design
78تصميم واجهات ويب سلسة مستوحاة من Apple
غالبًا ما تبدو واجهات الويب المعتمدة على الإيماءات متأخرة أو جامدة أو غير متسقة بصريًا. توفر هذه المهارة إرشادات عملية للحركة المتجاوبة والخامات والطباعة وإمكانية الوصول وتصميم التفاعل.
مراجعة رسوم الواجهة المتحركة بدقة
قد تبدو حركة الواجهة بطيئة أو مشتتة أو غير متاحة حتى عندما تعمل. تراجع هذه المهارة كود الرسوم المتحركة وفق معايير محددة للحرفية والأداء وإتاحة الوصول.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "review-animations" from https://skillstore.io/skills/emilkowalski-review-animations.md and its manifest at https://skillstore.io/api/skills/emilkowalski-review-animations/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "review-animations". راجع قائمة منسدلة تتغير أبعادها من المركز على مدى 400 مللي ثانية وتفتقر إلى معالجة تقليل الحركة.
النتيجة المتوقعة:
تحظر المراجعة التغيير، وتوصي بمنشأ يراعي المُشغِّل وتوقيت استجابة أقصر، وتضيف نسخة لتقليل الحركة.
جارٍ استخدام "review-animations". راجع دخول إشعار مؤقت منفذ باستخدام keyframes وتحريك خصائص التخطيط.
النتيجة المتوقعة:
جارٍ استخدام "review-animations". راجع ضغطة زر خفيفة تستخدم انتقال transform قصيرًا وتدعم تقليل الحركة.
النتيجة المتوقعة:
توافق المراجعة على الحركة عندما يظل تكرارها ومقياسها وتوقيتها مناسبًا للتفاعل.
All 30 static findings are false positives caused by Markdown inline-code spans, documented JavaScript template literals, and ordinary animation terminology. The files provide review guidance and examples without executable commands, reconnaissance behavior, or prompt injection intent.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/emilkowalski-review-animations/audits/3?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/emilkowalski-review-animations?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/emilkowalski-review-animations?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emilkowalski-review-animations/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/emilkowalski-review-animations.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>emilkowalski. (2026). review-animations security audit report (audit version 3) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-review-animations/audits/3@techreport{emilkowalski-emilkowalski-review-animations-2026,
author = {emilkowalski},
title = {review-animations security audit report (audit version 3)},
institution = {Skillstore},
year = {2026},
number = {3},
url = {https://skillstore.io/skills/emilkowalski-review-animations/audits/3},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "review-animations security audit report (audit version 3)"
version: "unspecified"
type: report
authors:
- name: "emilkowalski"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/emilkowalski-review-animations/audits/3"
identifiers:
- type: other
value: "skillstore:emilkowalski-review-animations:audit:3"
description: "Skillstore immutable audit report identifier"
تحقق من طلب سحب بحثًا عن مشكلات منحنى التخفيف والمدة والمنشأ الفيزيائي والأداء وإتاحة الوصول قبل الدمج.
قارن الانتقالات المشتركة وأنماط التفاعل بمعايير حركة متسقة في جميع أجزاء المنتج.
حدّد الحركة المشتتة أو البطيئة أو غير الضرورية وتلقَّ توصيات واضحة لتحسينها.
راجع الرسم المتحرك في [file or snippet]. تحقق من غرضه ومدته ومنحنى التخفيف وخصائصه المتحركة ودعم تقليل الحركة. أرجع النتائج والحكم المطلوبين.
راجع الحركة في [component]. ضع في الاعتبار تكرار المُشغِّل ومنشأ transform وتوقيت الدخول والخروج وضبط التمرير وقابلية المقاطعة. استشهد بكل ملف وسطر متأثر.
دقق الرسم المتحرك للسحب أو الإيماءة في [files]. قيّم معالجة المؤشر والسرعة والتخميد والمقاطعة والعمل على الخيط الرئيسي والخصائص الملائمة لـ GPU. أوصِ بتغييرات دقيقة.
راجع جميع تغييرات الحركة في هذا الفرق. طبّق كتالوج المعايير الكامل، ورتّب النتائج حسب الأثر، واقترح بدائل مطابقة، وأصدر قرار موافقة أو حظر.
المؤلف
emilkowalskiالترخيص
MIT
مراجعة Skillstore
r2
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
c43861a65bb95efcae259cd161c9d6f4dc7eec6f
حداثة الصيانة
٢٥/٧/٢٠٢٦
الاستخدام
1 تنزيلات · 0 مشاهدات
بنية الملفات
📄 SKILL.md
تصميم واجهات ويب سلسة مستوحاة من Apple
غالبًا ما تبدو واجهات الويب المعتمدة على الإيماءات متأخرة أو جامدة أو غير متسقة بصريًا. توفر هذه المهارة إرشادات عملية للحركة المتجاوبة والخامات والطباعة وإمكانية الوصول وتصميم التفاعل.
Choose the Right Frontend UI Library
Choosing among frontend libraries can waste time and create inconsistent dependencies. This skill maps a defined UI task to an opinionated, curated library recommendation.
Find High-Value UI Animation Opportunities
Teams often add motion without a clear user benefit, which can make interfaces feel slow or distracting. This skill audits UI seams, applies a strict decision gate, and produces a short ranked list of precise motion recommendations.
Make Web Apps Feel Native on Mobile
Mobile web applications often feel awkward because browser defaults conflict with touch interaction and changing viewports. This skill applies focused CSS and metadata fixes for a more native mobile experience.
صقل الواجهات باستخدام مبادئ هندسة التصميم
قد تبدو تفاصيل الواجهة غير متسقة أو بطيئة أو منفصلة بصريا. تطبق هذه المهارة إرشادات عملية للحركة والتفاعل والأداء وإمكانية الوصول لتحسين صقل واجهة المستخدم.
Explore Distinct UI Variants
Choosing a UI direction from one implementation limits useful comparison. This skill builds distinct, working variants in a live picker before integration.
Create a Polished Launch Video
بواسطة latent-spaces
Turning a project into a concise launch video requires product analysis, scripting, animation, audio, and rendering. Brag coordinates that workflow with Hyperframes and delivers a video, poster, storyboard, and share copy.
Build Accessible Tailwind Interfaces
بواسطة nextlevelbuilder
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
تدقيق إمكانية الوصول إلى الويب للامتثال لمعايير WCAG
بواسطة 89jobrien
يمكن أن تمنع فجوات إمكانية الوصول المستخدمين من الاستفادة من الخدمة وأن تخلق مخاطر امتثال. ترشد هذه المهارة عمليات تدقيق WCAG، وفحوصات قارئ الشاشة، واختبار لوحة المفاتيح، وتخطيط المعالجة.
تصميم واجهات أمامية مميزة
بواسطة Atman36
غالبا ما تبدو الواجهات العامة المولدة متوقعة وضعيفة. توجه هذه المهارة Claude وCodex وClaude Code نحو تصميم واجهات أمامية مميز وجاهز للإنتاج.
ابنِ ميزات SwiftUI أفضل
بواسطة avdlee
يمكن أن تتراكم في مشاريع SwiftUI واجهات API مهملة، وحالة هشة، وتحديثات بطيئة للواجهات. توفر هذه المهارة إرشادات مركزة لكتابة كود SwiftUI حديث وقابل للصيانة.
إنشاء ميزات واجهة أمامية جاهزة للإنتاج
بواسطة davila7
تحتاج فرق الواجهة الأمامية إلى إرشادات متسقة حول React وNext.js عبر المشاريع. توفر هذه المهارة سير عمل مرجعيًا وممارسات للجودة وبرامج نصية مساعدة لتحليل الواجهة الأمامية.