ux-evaluator
تقييم مكونات واجهة المستخدم وفقًا لأفضل ممارسات تجربة المستخدم
Também disponível em: 92Bilal26
غالبًا ما تتحول مراجعات واجهة المستخدم إلى معارك رأي شخصية. توفر هذه المهارة إطار عمل منهجي ثلاثي الأبعاد لتأسيس ملاحظات التصميم على مبادئ قائمة على الأدلة من سلطات الصناعة.
Baixar o ZIP da skill
Upload no Claude
Vá em Configurações → Capacidades → Skills → Upload skill
Ative e comece a usar
Testar
A utilizar "ux-evaluator". Review the Sign Up and Sign In button placement on my landing page. The Sign Up button is on the left.
Resultado esperado:
- ❌ POSITION: NEEDS CHANGE - Primary action (Sign Up) should be on the RIGHT, not left
- ✅ VISUAL WEIGHT: CORRECT - Filled brand color for primary distinguishes it properly
- ✅ SPACING: CORRECT - 8px gap between buttons follows guidelines
- Verdict: NEEDS CHANGES
- P1: Swap button order to [Sign In] [Sign Up] per industry standard (GitHub, Stripe, Google pattern)
A utilizar "ux-evaluator". My form has labels appearing to the right of input fields. Is this a UX problem?
Resultado esperado:
- ❌ POSITION: NEEDS CHANGE - Labels above inputs follow conventions better
- ✅ VISUAL WEIGHT: CORRECT - Required field marking is clear
- ⚠️ SPACING: ACCEPTABLE - 0.5rem label-to-input gap is within range
- Verdict: NEEDS CHANGES
- P1: Move labels above inputs per Balsamiq and Nielsen conventions
Auditoria de Segurança
SeguroPure documentation skill containing only UX evaluation guidelines. No code execution, network calls, filesystem access, or external capabilities. Static findings are false positives: backticks are markdown delimiters, URLs are text references, and content hashes are metadata. The skill is a knowledge base for UX evaluation methodology.
Fatores de risco
⚙️ Comandos externos (7)
🌐 Acesso à rede (2)
📁 Acesso ao sistema de arquivos (1)
Pontuação de qualidade
O Que Você Pode Construir
مراجعة موضع الأزرار
التحقق من أن الإجراءات الأساسية والثانوية تتبع الاتفاقيات الصناعية مثل أنماط GitHub وStripe.
تحليل تسلسل التنقل
تقييم ما إذا كانت عناصر التنقل موضوعة ومصممة وفقًا لمعايير قابلية الاستخدام.
فحص امتثال تجربة المستخدم للنماذج
التحقق من أن عناصر النموذج تتبع إرشادات التباعد والتسمية وحالات الخطأ المناسبة.
Tente Estes Prompts
Review the [submit/cancel] button placement in my form. Use the 3-dimension framework and compare to industry standards.
Evaluate my navigation bar elements including logo, links, and utility icons. Check position and visual weight against conventions.
Analyze my form fields for label placement, error message positioning, and spacing between inputs. Reference Balsamiq guidelines.
Perform a complete UX evaluation of my [component name] using all three dimensions. Document current state, compare to conventions, and provide prioritized recommendations with sources.
Melhores Práticas
- دائمًا قم بتوثيق الحالة الحالية بقياسات محددة قبل تقديم التوصيات
- الإشارة إلى مصادر موثوقة (Balsamiq، Nielsen، المنصات الرئيسية) لكل توصية
- إعطاء الأولوية لتغييرات P1 التي تخرق أساسيات تجربة المستخدم على تحسينات الصقل P3
Evitar
- إصدار أحكام جمالية شخصية دون الإشارة إلى مبادئ تجربة المستخدم
- التوصية بتغييرات دون مقارنة بالاتفاقيات الصناعية
- الفشل في التمييز بين التسلسل الهرمي للإجراءات الأساسية والثانوية