ux-evaluatorlisted

# UX Evaluator ## Overview Systematically evaluate UI components against established UX principles using a 3-dimension framework. Transform subjective design feedback into actionable, evidence-based recommendations by comparing against industry conventions and authoritative sources. **Core Value**: Prevents subjective design debates by grounding decisions in documented best practices. ## When to Use This Skill **Triggers**: - User provides UX feedback on a component - User references external design guidelines (Balsamiq, Nielsen, Material Design) - User asks to "review", "evaluate", or "check" UI elements - User questions button labels, spacing, or visual hierarchy - Before implementing UI changes that affect user interaction **Do NOT use for**: - Pure visual aesthetics (colors, fonts) without UX implications - Backend or non-UI changes - When user has already made a firm decision and just wants implementation ## Evaluation Framework ### The 3-Dimension Analysis For ANY UI component, evaluate these three dimensions: | Dimension | What to Analyze | Key Questions | |-----------|-----------------|---------------| | **1. Position** | Where is it located relative to other elements? | Does position follow conventions? Is it discoverable? | | **2. Visual Weight** | How prominent is it visually? | Does it compete with primary actions? Is hierarchy clear? | | **3. Spacing** | What's the gap from adjacent elements? | Is there adequate separation? Is spacing consistent? | ###