shape
81تخطيط تجربة المستخدم قبل البناء
غالبًا ما تبني الفرق الواجهات قبل توضيح أهداف المستخدمين والحالات والقيود. توجه هذه المهارة عملية الاكتشاف وتنتج موجز تصميم للتنفيذ.
تبسيط تصاميم الواجهات
تبطئ الواجهات المعقدة اتخاذ القرارات وتخفي هدف المستخدم الرئيسي. ترشد هذه المهارة Claude وCodex وClaude Code إلى إزالة الفوضى، وتوضيح التسلسل الهرمي، والحفاظ على الوظائف المطلوبة.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "distill" from https://skillstore.io/skills/pbakaus-distill.md and its manifest at https://skillstore.io/api/skills/pbakaus-distill/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "distill". تحتوي لوحة معلومات على ستة أزرار أساسية، ونص حالة متكرر، وبطاقات متداخلة، وثلاث لوحات شريط جانبي.
النتيجة المتوقعة:
الهدف الأساسي: مراجعة صحة الحساب. احتفظ بإجراء رئيسي واحد، وادمج نصوص الحالة المتكررة، وسطح البطاقات المتداخلة، وانقل اللوحات الجانبية خلف نقاط دخول واضحة.
جارٍ استخدام "distill". يطلب تدفق الدفع إنشاء حساب، وأكواد ترويجية، وتفاصيل الشحن، وخيارات الهدايا، واستطلاعات في صفحة واحدة.
النتيجة المتوقعة:
المسار الأساسي: إكمال الشراء. أجّل الاستطلاعات، واطوِ تفاصيل الهدايا الاختيارية، واجعل الأكواد الترويجية ثانوية، واعرض إنشاء الحساب بعد الدفع.
جارٍ استخدام "distill". تستخدم صفحة إعدادات ألوانا كثيرة، وأنماط كتابة مختلطة، وشروحات متكررة، وأزرارا منفصلة لإجراءات متشابهة.
النتيجة المتوقعة:
خطة التبسيط: وحّد نمط الكتابة، وقلل ألوان التمييز، وأزل النصوص المتكررة، واجمع الإعدادات ذات الصلة، واعرض إجراء حفظ أساسيا واحدا.
The only static finding is a false positive. SKILL.md line 61 tells the model to remove duplicated design copy. It does not request system, environment, host, network, or filesystem reconnaissance.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/pbakaus-distill/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/pbakaus-distill?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/pbakaus-distill?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-distill/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/pbakaus-distill.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>pbakaus. (2026). distill security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pbakaus-distill/audits/4@techreport{pbakaus-pbakaus-distill-2026,
author = {pbakaus},
title = {distill security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/pbakaus-distill/audits/4},
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: "distill security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "pbakaus"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/pbakaus-distill/audits/4"
identifiers:
- type: other
value: "skillstore:pbakaus-distill:audit:4"
description: "Skillstore immutable audit report identifier"
ابحث عن عناصر UI الزائدة وقلل الإجراءات المتنافسة مع إبقاء المهمة الرئيسية واضحة.
بسّط التخطيطات المتداخلة، والمكونات المتكررة، والمتغيرات غير الضرورية قبل البناء أو إعادة الهيكلة.
افصل قيمة المستخدم الأساسية عن الأفكار الاختيارية قبل مراجعة التصميم أو خطة sprint.
استخدم distill على الشاشة الحالية. حدد هدف المستخدم الأساسي، واسرد العناصر غير الضرورية، واقترح أصغر خطة تبسيط مفيدة.
استخدم distill للميزة المستهدفة. قارن جميع الإجراءات والخيارات، ثم أوصِ بما يجب الاحتفاظ به أو دمجه أو إخفاؤه أو إزالته.
استخدم distill على سير العمل المستهدف. ارسم المسار الأساسي، وأزل الخطوات غير الضرورية، وحافظ على إمكانية الوصول، ووثق المفاضلات.
استخدم distill لمراجعة الهدف عبر التخطيط، والمحتوى، والتسلسل الهرمي البصري، وبنية المكونات. أنتج تغييرات مرتبة حسب الأولوية وفحوصات للتحقق.
المؤلف
pbakausالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
e397ce5a135369cd6def89cb6400d013e2f68f2f
حداثة الصيانة
٢٣/٧/٢٠٢٦
الاستخدام
7 تنزيلات · 164 مشاهدات
بنية الملفات
📄 SKILL.md
تخطيط تجربة المستخدم قبل البناء
غالبًا ما تبني الفرق الواجهات قبل توضيح أهداف المستخدمين والحالات والقيود. توجه هذه المهارة عملية الاكتشاف وتنتج موجز تصميم للتنفيذ.
التقاط سياق تصميم المشروع
غالبا ما يفقد عمل التصميم بالذكاء الاصطناعي سياق المشروع عبر الجلسات. تجمع هذه المهارة الأدلة وتحفظ إرشادات قابلة لإعادة الاستخدام لـ Claude وCodex وClaude Code.
إضافة لمسات مبهجة إلى واجهات المستخدم
قد تبدو الواجهات الوظيفية مسطحة أو سهلة النسيان أو محبطة في اللحظات المهمة. تساعد هذه المهارة Claude وCodex وClaude Code على إضافة صقل مناسب عبر النصوص، والحركة، والتغذية الراجعة، وأنماط الاحتفال.
تصميم تجارب تهيئة أفضل للمستخدمين الجدد
غالبا ما يغادر المستخدمون الجدد عندما لا يشرح المنتج قيمته بسرعة. تساعد هذه المهارة في تصميم تهيئة المستخدمين الجدد، والحالات الفارغة، والمساعدة الإرشادية التي تنقل المستخدمين إلى أول نجاح.
تحسين تخطيط واجهة المستخدم والإيقاع البصري
تجعل الواجهات المزدحمة والشبكات المتكررة المنتجات أصعب في التصفح السريع والثقة. ترشد هذه المهارة Claude وCodex وClaude Code نحو تباعد أقوى، وتسلسل هرمي أوضح، وتركيب متجاوب أفضل.
استخراج أنماط نظام تصميم قابلة لإعادة الاستخدام
غالبًا ما تكرر الفرق مكونات UI والرموز وأنماط التخطيط عبر التطبيق. تساعد هذه المهارة Claude أو Codex أو Claude Code على العثور على أنماط قابلة لإعادة الاستخدام ودمجها في نظام تصميم مُدار.
مراجعة الميزات من خلال شخصيات العملاء
بواسطة Dami-Randle
قد تفوّت الفرق مشكلات قابلية الاستخدام عند مراجعة الميزات من منظور داخلي. ترشد هذه المهارة الاختبار القائم على الشخصيات من وجهات نظر عملاء Aftrac وSirius.
تحسين اختيارات الخطوط
بواسطة Crossbill-Highlights
قد تجعل الخطوط العامة المنتج يبدو غير مكتمل. تساعد هذه المهارة Claude وCodex وClaude Code على اختيار خطوط وتوليفات وأوزان وتباينات أحجام أكثر قوة.
تصميم واجهات ويب سلسة مستوحاة من Apple
بواسطة emilkowalski
غالبًا ما تبدو واجهات الويب المعتمدة على الإيماءات متأخرة أو جامدة أو غير متسقة بصريًا. توفر هذه المهارة إرشادات عملية للحركة المتجاوبة والخامات والطباعة وإمكانية الوصول وتصميم التفاعل.
صمّم واجهات وحدات أفضل
بواسطة mattpocock
غالبًا ما تكشف مسودات API الأولى عن التجريدات الخاطئة. تولّد هذه المهارة تصاميم متباينة لواجهات الوحدات وتقارن المفاضلات قبل التنفيذ.
إجراءات واجهة المستخدم بعد نتيجة النموذج
بواسطة JohnWayneeee
غالبا ما تفرط فرق المنتجات في تحميل حالات النجاح بخطوات تالية غير واضحة. تحوّل هذه المهارة نية المستخدم إلى إجراءات واجهة مستخدم محددة النطاق ومرتبة الأولوية بعد نتيجة ذات معنى.
تحسين سير عمل تصميم واجهة المستخدم وتجربة المستخدم
بواسطة nextlevelbuilder
غالبا ما يحتاج عمل الواجهات إلى أسلوب متسق، وإتاحة وصول، وإرشادات مخصصة للتقنية المستخدمة. تمنح هذه المهارة Claude وCodex وClaude Code مرجعا قابلا للبحث في واجهة المستخدم وتجربة المستخدم لتخطيط التصاميم وبنائها ومراجعتها.