تصميم واجهات ويب سلسة مستوحاة من Apple
غالبًا ما تبدو واجهات الويب المعتمدة على الإيماءات متأخرة أو جامدة أو غير متسقة بصريًا. توفر هذه المهارة إرشادات عملية للحركة المتجاوبة والخامات والطباعة وإمكانية الوصول وتصميم التفاعل.
هذه المهارة جزء من حزمة
ثبّت الحزمة كاملة للحصول على كل المهارات التي تحتاجها المهمة بأمر واحد.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "apple-design" from https://skillstore.io/skills/emilkowalski-apple-design.md and its manifest at https://skillstore.io/api/skills/emilkowalski-apple-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "apple-design". راجع شريط عرض بطاقات لا ينتقل إلى موضع الالتقاط إلا بعد رفع الإصبع.
النتيجة المتوقعة:
جارٍ استخدام "apple-design". اقترح حركة للوحة إعدادات قابلة للإغلاق.
النتيجة المتوقعة:
استخدم نابضًا متجاوبًا بارتداد محدود، ومسارات دخول وخروج متناظرة، ونقطة أصل تراعي المصدر، وإمكانية المقاطعة بالسحب، وتلاشيًا متقاطعًا عند تفعيل تقليل الحركة.
جارٍ استخدام "apple-design". دقّق شريط أدوات شفافًا يحتوي على نص منخفض التباين.
النتيجة المتوقعة:
زِد تباين المقدمة، وتجنب تكديس الطبقات الشفافة، وعزّز الفصل بين الخامات، ووفّر بدائل مصمتة لإعدادات تقليل الشفافية وزيادة التباين.
All 62 static findings are false positives caused by Markdown code delimiters and ordinary design terminology. The single skill file contains educational web-design guidance and examples, with no executable commands, reconnaissance, data collection, or prompt-injection attempt found.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/emilkowalski-apple-design/audits/2?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/emilkowalski-apple-design?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/emilkowalski-apple-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emilkowalski-apple-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/emilkowalski-apple-design.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). apple-design security audit report (audit version 2) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-apple-design/audits/2@techreport{emilkowalski-emilkowalski-apple-design-2026,
author = {emilkowalski},
title = {apple-design security audit report (audit version 2)},
institution = {Skillstore},
year = {2026},
number = {2},
url = {https://skillstore.io/skills/emilkowalski-apple-design/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: "apple-design security audit report (audit version 2)"
version: "unspecified"
type: report
authors:
- name: "emilkowalski"
date-released: "2026-07-21"
url: "https://skillstore.io/skills/emilkowalski-apple-design/audits/2"
identifiers:
- type: other
value: "skillstore:emilkowalski-apple-design:audit:2"
description: "Skillstore immutable audit report identifier"
راجع الأزرار واللوحات الدرجية والأدراج والإيماءات للتأكد من التغذية الراجعة الفورية وقابلية المقاطعة والزخم والسلوك المكاني القابل للتوقع.
حوّل مواصفات التفاعل إلى أحداث المؤشر والحركات النابضية ونقل السرعة وتأثير الشريط المطاطي وبدائل الحركة التي تراعي إمكانية الوصول.
قيّم الحركة والخامات والطباعة والتسلسل الهرمي وإمكانية الوصول واتساق التفاعل قبل إصدار المنتج.
راجع تفاعل هذا الزر من حيث التغذية الراجعة الفورية وإمكانية الوصول. حدّد زمن الاستجابة والحالات غير الواضحة والتحسينات المحددة.
صمّم لوحة سفلية للأجهزة المحمولة تتضمن السحب المباشر والتحرير المراعي للسرعة ونقاط الالتقاط والمقاطعة وتأثير الشريط المطاطي وسلوك تقليل الحركة.
دقّق تدفق هذه الواجهة باستخدام مبادئ مستوحاة من Apple. تناول التغذية الراجعة والاتساق المكاني وتعارضات الإيماءات والخامات والطباعة وإمكانية الوصول وحرية المستخدم في التصرف.
أنشئ نظام حركة للويب لهذه المكونات. حدّد عائلات النوابض وقواعد السرعة وسلوك المقاطعة وعتبات الإيماءات وبدائل إمكانية الوصول واختبارات التحقق.
المؤلف
emilkowalskiالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
d1c4c60b80afc545d96b5e8a51c19b2fdc81df70
حداثة الصيانة
٢٠/٧/٢٠٢٦
الاستخدام
2 تنزيلات · 1 مشاهدات
بنية الملفات
📄 SKILL.md
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، وفحوصات قارئ الشاشة، واختبار لوحة المفاتيح، وتخطيط المعالجة.
حسّن تجربة المستخدم بإرشادات تصميم قائمة على البحث
بواسطة shubhamsaboo
غالبًا ما تصمم الفرق المسارات بناءً على افتراضات وتفوتها مشكلات إمكانية الوصول. ترشد هذه المهارة البحث، والبنية، وتصميم التفاعل، والمراجعة باستخدام أفضل ممارسات تجربة المستخدم.
Check designs with deterministic CSS rules
بواسطة cubha
Design reviews can vary between reviewers and slow down delivery. This skill applies repeatable checks to HTML and CSS so teams can catch token, layout, and accessibility issues before release.
تصميم واجهات منتجات ميسّرة الوصول
بواسطة sickn33
غالبًا ما تواجه الفرق صعوبة في تحويل احتياجات المستخدمين إلى واجهات متسقة وميسّرة الوصول. ترشد هذه المهارة البحث، والتدفقات، وأنظمة التصميم، ورموز التصميم، والتسليم.