ux-evaluator

Evaluates UI components on Position, Visual Weight, and Spacing UX heuristics.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/panaversity/colearn-aidd --skill ux-evaluator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-evaluator
Source: https://github.com/panaversity/colearn-aidd/tree/main/.claude/skills/ux-evaluator
Command: npx skills add https://github.com/panaversity/colearn-aidd --skill ux-evaluator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill converts subjective UX feedback into objective, evidence-based recommendations by applying a structured 3-dimension framework (Position, Visual Weight, Spacing) aligned with industry UX heuristics. It helps teams move from debates about design to concrete improvements grounded in best practices.

Core Features & Use Cases

  • 3-Dimension Analysis: Evaluate any UI element across Position, Visual Weight, and Spacing with clear criteria.
  • Actionable Verdicts: Provide direct, rationale-backed recommendations and priority levels (P1/P2/P3).
  • Component Guides: Include targeted guidelines for common elements (Buttons, Navigation, Forms) and how to apply spacing and hierarchy.
  • Industry References: Ground decisions in recognized patterns (Balsamiq, Nielsen, Material Design) via references.
  • Use Case: When a user asks to "review UX" or references design guidelines, produce a structured UX improvement plan.

Quick Start

Trigger the UX review on a UI component: provide the component description and context (e.g., “review the primary CTA button”).

Frequently Asked Questions about ux-evaluator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review UI components against UX best practices?▼

UX review evaluates UI elements across three dimensions—Position, Visual Weight, and Spacing—against industry standards like Material Design and Nielsen heuristics. Provide a component description (e.g., button, navigation, form) and receive evidence-based recommendations with priority levels and rationale grounded in recognized design patterns.

What makes button design effective, and how do I check mine?▼

Effective button design balances visual hierarchy, clickable area, and placement within the layout. This Skill benchmarks your button against Position, Visual Weight, and Spacing criteria, comparing it to guidelines from Balsamiq, Nielsen, and Material Design to surface specific improvements.

How do I convert subjective design feedback into actionable recommendations?▼

Structure feedback using a 3-dimension framework: evaluate Position (placement in context), Visual Weight (prominence relative to competing elements), and Spacing (breathing room and alignment). This converts vague critique into concrete, priority-ranked changes tied to industry heuristics.

Can I use this to evaluate visual hierarchy and spacing in layouts?▼

Yes. The Skill analyzes any UI component's visual hierarchy and spacing against best practices. It applies the 3-dimension evaluation framework to layouts, forms, navigation, and other elements, delivering evidence-based verdicts aligned with Material Design and Nielsen principles.

What design guidelines does this Skill reference?▼

The Skill grounds recommendations in recognized standards including Balsamiq wireframing principles, Nielsen's UX heuristics, and Material Design specifications. These references ensure verdicts reflect proven patterns rather than subjective opinion.

When should I request a UX review instead of making design changes directly?▼

Request review when stakeholders debate design decisions, you need objective justification for changes, or you're unsure whether spacing, button placement, or visual weight align with best practices. The Skill converts uncertainty into structured, evidence-backed recommendations.