تحسين صقل الواجهة
غالبا ما تجعل التفاصيل الصغيرة في واجهة المستخدم المنتجات النهائية تبدو غير مصقولة. تساعد هذه المهارة Claude وCodex وClaude Code على مراجعة الطباعة والأسطح والحركة وصقل التفاعل.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "make-interfaces-feel-better" from https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better.md and its manifest at https://skillstore.io/api/skills/jakubkrehel-make-interfaces-feel-better/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "make-interfaces-feel-better". تستخدم بطاقة نصف القطر نفسه على الحاوية الخارجية والصورة الداخلية.
النتيجة المتوقعة:
توصي المراجعة بنصف قطر خارجي أكبر ونصف قطر داخلي أصغر حتى تبدو الأسطح المتداخلة متحدة المركز.
جارٍ استخدام "make-interfaces-feel-better". تظهر أيقونة في شريط الأدوات عند التحويم وتنتقل فوريا بين حالتين.
النتيجة المتوقعة:
توصي المراجعة بتدرج عتامة متقاطع مع التحجيم والتمويه حتى يبدو تغيير حالة الأيقونة سلسا.
جارٍ استخدام "make-interfaces-feel-better". يتحرك عداد لوحة المعلومات أفقيا عند تحديث القيم.
النتيجة المتوقعة:
توصي المراجعة باستخدام أرقام جدولية بحيث يكون لكل رقم العرض نفسه ويبقى التخطيط مستقرا.
All 50 static findings are false positives. The reported keylogger, reconnaissance, and external-command matches come from benign interface guidance, CSS examples, and Markdown code spans. No prompt injection, data-exfiltration intent, network behavior, or executable commands were found.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/jakubkrehel-make-interfaces-feel-better/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/jakubkrehel-make-interfaces-feel-better.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>jakubkrehel. (2026). make-interfaces-feel-better security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better/audits/5@techreport{jakubkrehel-jakubkrehel-make-interfaces-feel-better-2026,
author = {jakubkrehel},
title = {make-interfaces-feel-better security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better/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: "make-interfaces-feel-better security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "jakubkrehel"
date-released: "2026-08-07"
url: "https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better/audits/5"
identifiers:
- type: other
value: "skillstore:jakubkrehel-make-interfaces-feel-better:audit:5"
description: "Skillstore immutable audit report identifier"
راجع مكونا للكشف عن مشكلات نصف القطر والظلال والحركة والطباعة ومناطق النقر قبل الإصدار.
وحّد معالجة الأسطح وسلوك التحريك وتفاصيل الطباعة عبر المكونات القابلة لإعادة الاستخدام.
حوّل الملاحظات الذاتية إلى تغييرات تنفيذية ملموسة بصيغة قبل وبعد.
راجع هذا المكون من ناحية صقل واجهة المستخدم. أعد جدولا قبل وبعد مجمعا حسب المبدأ.
دقق هذه التحريكات من ناحية قابلية المقاطعة، وتوقيت الدخول، وتوقيت الخروج، وانتقالات الأيقونات، وسلوك تحميل الصفحة.
راجع هذه الأنماط من ناحية نصف القطر والظلال وحدود الصور والمحاذاة البصرية والتفاف النص والتنعيم والأرقام الجدولية.
استخدم هذه المهارة عبر ملفات الواجهة الأمامية المقدمة. اجمع كل تغيير حسب المبدأ في جداول موجزة قبل وبعد.
المؤلف
jakubkrehelالترخيص
MIT
مراجعة Skillstore
r2
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
1c2ebded2116f8124f45dba86a2e567f56e64d8e
حداثة الصيانة
٨/٨/٢٠٢٦
الاستخدام
25 تنزيلات · 19 مشاهدات
Build and Compare UI Variants
Teams often compare superficial UI alternatives without learning which design decision matters. This skill builds distinct, accessible variants and a shareable picker for informed selection.
Polish Interfaces with Precise UI Guidance
Small inconsistencies in motion, surfaces, and icons can make an interface feel unfinished. This skill provides concrete rules and values for focused improvements.
Review Interface Changes with Clear Evidence
Interface changes can introduce visual, accessibility, and content regressions across connected surfaces. This skill resolves the change scope and produces evidence-based findings with clear status labels.
Stress-Test a UI Component
UI components often fail when content, states, or container sizes differ from the expected path. This skill builds a focused harness that exposes visible failures.
Explain How a Web Interface Was Built
Web interfaces hide their implementation behind compiled styles and runtime behavior. This skill gathers evidence and explains the design system or visual effect.
استخراج أنماط نظام تصميم قابلة لإعادة الاستخدام
بواسطة pbakaus
غالبًا ما تكرر الفرق مكونات UI والرموز وأنماط التخطيط عبر التطبيق. تساعد هذه المهارة Claude أو Codex أو Claude Code على العثور على أنماط قابلة لإعادة الاستخدام ودمجها في نظام تصميم مُدار.
Build Consistent Design Systems and Slides
بواسطة nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
تصميم واجهات أمامية مميزة
بواسطة Atman36
غالبا ما تبدو الواجهات العامة المولدة متوقعة وضعيفة. توجه هذه المهارة Claude وCodex وClaude Code نحو تصميم واجهات أمامية مميز وجاهز للإنتاج.
حسّن تجربة المستخدم بإرشادات تصميم قائمة على البحث
بواسطة 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.