apple-design
78تصميم واجهات ويب سلسة مستوحاة من Apple
غالبًا ما تبدو واجهات الويب المعتمدة على الإيماءات متأخرة أو جامدة أو غير متسقة بصريًا. توفر هذه المهارة إرشادات عملية للحركة المتجاوبة والخامات والطباعة وإمكانية الوصول وتصميم التفاعل.
حسّن حركات المنتج من خلال خطط قابلة للتنفيذ
قد تجعل الحركة غير المتسقة الواجهات تبدو بطيئة أو مشتتة أو غير ميسّرة. تدقق هذه المهارة في شيفرة الحركات وتنتج نتائج مرتبة حسب الأولوية مع خطط تنفيذ مفصلة.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "improve-animations" from https://skillstore.io/skills/emilkowalski-improve-animations.md and its manifest at https://skillstore.io/api/skills/emilkowalski-improve-animations/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "improve-animations". دقق في الحركات في لوحة المعلومات هذه بعمق قياسي.
النتيجة المتوقعة:
جارٍ استخدام "improve-animations". اكتب خطة لمعالجة حركة ظهور القائمة المنسدلة غير المتسقة.
النتيجة المتوقعة:
جارٍ استخدام "improve-animations". دقق في أداء الحركات فقط.
النتيجة المتوقعة:
All 27 static findings are false positives caused by code-formatted prose, CSS examples, read-only search guidance, or a defensive prompt-injection rule. However, SKILL.md includes an explicit execute mode that delegates source modification, conflicting with its read-only description and hard rules. Publication should disclose and constrain this mode.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/emilkowalski-improve-animations/audits/2?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/emilkowalski-improve-animations?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/emilkowalski-improve-animations?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emilkowalski-improve-animations/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/emilkowalski-improve-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). improve-animations security audit report (audit version 2) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-improve-animations/audits/2@techreport{emilkowalski-emilkowalski-improve-animations-2026,
author = {emilkowalski},
title = {improve-animations security audit report (audit version 2)},
institution = {Skillstore},
year = {2026},
number = {2},
url = {https://skillstore.io/skills/emilkowalski-improve-animations/audits/2},
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: "improve-animations security audit report (audit version 2)"
version: "unspecified"
type: report
authors:
- name: "emilkowalski"
date-released: "2026-07-13"
url: "https://skillstore.io/skills/emilkowalski-improve-animations/audits/2"
identifiers:
- type: other
value: "skillstore:emilkowalski-improve-animations:audit:2"
description: "Skillstore immutable audit report identifier"
دقق في الحركة التفاعلية، ورتب المشكلات حسب الأثر، وأنشئ خططًا للإصلاحات المحددة.
اعثر على أنماط التدرج الزمني والمدة والحركة النابضية وتقليل الحركة غير المتسقة عبر المكونات المشتركة.
حوّل نتائج الحركة إلى خطط محددة النطاق يمكن لوكيل آخر تنفيذها والتحقق منها.
دقق في حركات هذا المستودع بعمق قياسي. اعرض النتائج المتحقق منها مع مواقع الملفات، ثم انتظر حتى أحدد الخطط.
دقق في إمكانية الوصول المتعلقة بالحركة. تحقق من سلوك تقليل الحركة، وتقييد تأثيرات التحويم، والتغذية الراجعة الأساسية. رتب المشكلات المؤكدة وخطط للنتائج التي أحددها.
أنشئ خطة واحدة مكتفية ذاتيًا لجعل لوحة الأوامر تُفتح فورًا. افحص اصطلاحات المستودع وأدرج الحدود الدقيقة وخطوات التحقق.
أجرِ تدقيقًا متعمقًا للأداء والاتساق. خطط للنتائج الأربع الأعلى أثرًا، مع تضمين التبعيات وترتيب التنفيذ وفحوصات الانطباع.
المؤلف
emilkowalskiالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
81e8cc048419a03fee6efbc8df6f9e321a1a0a56
حداثة الصيانة
١٨/٧/٢٠٢٦
الاستخدام
0 تنزيلات · 1 مشاهدات
بنية الملفات
تصميم واجهات ويب سلسة مستوحاة من 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.
صقل الواجهات باستخدام مبادئ هندسة التصميم
قد تبدو تفاصيل الواجهة غير متسقة أو بطيئة أو منفصلة بصريا. تطبق هذه المهارة إرشادات عملية للحركة والتفاعل والأداء وإمكانية الوصول لتحسين صقل واجهة المستخدم.
مراجعة رسوم الواجهة المتحركة بدقة
قد تبدو حركة الواجهة بطيئة أو مشتتة أو غير متاحة حتى عندما تعمل. تراجع هذه المهارة كود الرسوم المتحركة وفق معايير محددة للحرفية والأداء وإتاحة الوصول.
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 حديث وقابل للصيانة.
تنفيذ React View Transitions
بواسطة vercel-labs
من السهل وضع انتقالات عرض React في المكان غير المناسب، مما يؤدي إلى رسوم متحركة صامتة أو مزعجة. ترشد هذه المهارة اختيارات الرسوم المتحركة للمسارات وSuspense والقوائم والعناصر المشتركة.