UI reviews often devolve into subjective opinion battles. This skill provides a systematic 3-dimension framework to ground design feedback in evidence-based principles from industry authorities.
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「ux-evaluator」を使用しています。 Review the Sign Up and Sign In button placement on my landing page. The Sign Up button is on the left.
期待される結果:
- ❌ 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)
セキュリティ監査
安全Pure prompt-based skill containing only documentation and UX evaluation guidelines. No code execution, network calls, filesystem access, or any capabilities that could pose security risks.
品質スコア
作れるもの
Review button placement
Validate that primary and secondary actions follow industry conventions like GitHub and Stripe patterns.
Analyze navigation hierarchy
Evaluate whether navigation elements are positioned and styled according to usability standards.
Check form UX compliance
Verify form elements follow proper spacing, labeling, and error state guidelines.
これらのプロンプトを試す
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.
ベストプラクティス
- Always document the current state with specific measurements before making recommendations
- Reference authoritative sources (Balsamiq, Nielsen, major platforms) for each recommendation
- Prioritize P1 changes that break UX fundamentals over P3 polish improvements
回避
- Making subjective aesthetic judgments without referencing UX principles
- Recommending changes without comparing to industry conventions
- Failing to distinguish between primary and secondary action hierarchy