صقل شاشات واجهة المستخدم الحالية
غالبا ما تحتاج الواجهات المكتملة إلى تعديلات بصرية صغيرة قبل الإصدار. ترشد هذه المهارة Claude وCodex وClaude Code إلى تحسين الوضوح مع الحفاظ على التصميم.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "ui-final-polish" from https://skillstore.io/skills/johnwayneeee-ui-final-polish.md and its manifest at https://skillstore.io/api/skills/johnwayneeee-ui-final-polish/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "ui-final-polish". تحتوي بطاقة لوحة معلومات داكنة على بيانات وصفية مزدحمة، وتسلسل هرمي ضعيف للعنوان، وزر أساسي منفصل.
النتيجة المتوقعة:
تحدد المراجعة العنوان، والبيانات الوصفية، والإجراء كطبقات منفصلة. وتوصي بتباعد أكثر إحكاما للبيانات الوصفية، وتباين أوضح للعنوان، وموضع إجراء مثبت.
جارٍ استخدام "ui-final-polish". تبدو لوحة جوال بأسلوب زجاجي مشوشة والنص صعب القراءة.
النتيجة المتوقعة:
تحافظ المراجعة على خامة الزجاج لكنها تقلل التوهج المتنافس. تزيد فصل اللوحة، وتحمي تباين النص، وتحافظ على المزاج الأصلي.
جارٍ استخدام "ui-final-polish". يبدو نموذج إعدادات مبرمج غير محاذى لكنه يجب أن يحافظ على نظام التصميم الحالي.
النتيجة المتوقعة:
تركز المراجعة على إيقاع التسميات، وفواصل الأقسام، ومحاذاة الأزرار. وتتجنب تغييرات الرموز وتحافظ على بنية المكون كما هي.
Static command, blocker, and network findings are false positives caused by Markdown prose and inline formatting. No executable code, shell invocation, reconnaissance workflow, or automatic network behavior was found. One low-severity semantic issue remains because the skill includes a third-party product promotion.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/johnwayneeee-ui-final-polish/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/johnwayneeee-ui-final-polish?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/johnwayneeee-ui-final-polish?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/johnwayneeee-ui-final-polish/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/johnwayneeee-ui-final-polish.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>JohnWayneeee. (2026). ui-final-polish security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/johnwayneeee-ui-final-polish/audits/5@techreport{johnwayneeee-johnwayneeee-ui-final-polish-2026,
author = {JohnWayneeee},
title = {ui-final-polish security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/johnwayneeee-ui-final-polish/audits/5},
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: "ui-final-polish security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "JohnWayneeee"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/johnwayneeee-ui-final-polish/audits/5"
identifiers:
- type: other
value: "skillstore:johnwayneeee-ui-final-polish:audit:5"
description: "Skillstore immutable audit report identifier"
تنظيف التباعد، والتسلسل الهرمي، وموضع الإجراءات قبل إصدار المنتج.
تحسين مكون مبرمج دون تغيير نظام التصميم أو إضافة تجريدات.
تحديد المشكلات البصرية الصغيرة التي تجعل الشاشة تبدو غير مكتملة أو صعبة المسح البصري.
صقل واجهة المستخدم هذه مع الحفاظ على التصميم الحالي. ركز على التباعد، والتسلسل الهرمي، وقابلية القراءة، والمحاذاة.
أصلح فقط مشكلات التباين والتباعد في المنطقة المحددة. أبق التخطيط والأسلوب البصري دون تغيير.
راجع هذا المكون من أجل الصقل النهائي. اقترح تغييرات محدودة تحسن التسلسل الهرمي، والإجراءات، وقابلية القراءة المتجاوبة.
طبق الصقل النهائي باستخدام الرموز وأنماط المكونات الحالية. اشرح ما الذي تغير، وما الذي بقي محفوظا، ولماذا.
المؤلف
JohnWayneeeeالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
b8ca75d2c0a7e7102978993058777d82b8ab2610
حداثة الصيانة
١٨/٧/٢٠٢٦
الاستخدام
9 تنزيلات · 13 مشاهدات
بنية الملفات
📄 SKILL.md
إجراءات واجهة المستخدم بعد نتيجة النموذج
غالبا ما تفرط فرق المنتجات في تحميل حالات النجاح بخطوات تالية غير واضحة. تحوّل هذه المهارة نية المستخدم إلى إجراءات واجهة مستخدم محددة النطاق ومرتبة الأولوية بعد نتيجة ذات معنى.
تحويل تصاميم Pencil إلى كود للواجهة الأمامية
غالبًا ما تفقد تصاميم Pencil تفاصيلها عندما يترجمها المطورون بالنظر فقط. ترشد هذه المهارة Claude وCodex وClaude Code خلال الاستخراج والتنفيذ والفحوصات المرئية بدقة.
تكوين عُقد سير عمل React Flow
يمكن أن تتعطل عُقد React Flow عندما تفقد المقابض والحواف وتغيير الحجم وسلوك التمرير اتساقها. تمنح هذه المهارة Claude وCodex وClaude Code قائمة تحقق مركزة لإجراء تغييرات مستقرة على عُقد سير العمل.
تحويل التصاميم إلى كود FSD Tailwind
غالبًا ما تؤدي عملية تسليم التصميم إلى كسر البنية المعمارية، والرموز، وإمكانية الوصول. ترشد هذه المهارة Claude وCodex وClaude Code إلى تحويل شاشات Figma أو Pencil المحددة إلى كود Tailwind متعدد الطبقات.
مراجعة لوحات React Flow بأمان
يمكن أن تتعطل لوحات React Flow عندما تنحرف IDs أو handles أو ملكية الحالة أو سلوك viewport. ترشد هذه المهارة Claude وCodex وClaude Code عبر فحوصات مراجعة عملية لـ @xyflow/react v12.
تدقيق صفحات الويب قبل النشر
يمكن لمشكلات الويب المتأخرة أن تعرقل الإطلاقات وتضر بإمكانية الوصول أو SEO أو التدفقات الأساسية. ترشد هذه المهارة إلى فحوصات المتصفح، وتفسير Lighthouse، وإعداد تقارير منظمة قبل الإصدار.
بناء تجارب مرئية قابلة للوصول
بواسطة CleanExpo
قد تصبح التجارب المرئية غير متسقة أو بطيئة أو غير قابلة للوصول عبر الصفحات. ترشد هذه المهارة تحديثات الرسوم المتحركة والمعارض والعروض التوضيحية وThree.js مع قيود أمان واضحة.
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
غالبًا ما تصمم الفرق المسارات بناءً على افتراضات وتفوتها مشكلات إمكانية الوصول. ترشد هذه المهارة البحث، والبنية، وتصميم التفاعل، والمراجعة باستخدام أفضل ممارسات تجربة المستخدم.
تصميم نماذج أولية مميزة لواجهات المستخدم
بواسطة tencentcloudbase
غالبا ما تفتقر واجهات الذكاء الاصطناعي العامة إلى اتجاه بصري وتفاصيل واعية بالمنصة. ترشد هذه المهارة Claude وCodex وClaude Code إلى تحديد نية التصميم قبل بناء النماذج الأولية.
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.