ux-evaluator

Evaluate UI components for UX defects using Position, Visual Weight, and Spacing.

27|11|Updated Dec 21, 2025
One-click install
npx skills add https://github.com/mjunaidca/mjs-agent-skills --skill ux-evaluator-mjunaidca
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-evaluator
Source: https://github.com/mjunaidca/mjs-agent-skills/tree/main/.docs/taskflow-vault/skills/engineering/ux-evaluator
Command: npx skills add https://github.com/mjunaidca/mjs-agent-skills --skill ux-evaluator-mjunaidca

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Transforms subjective UX feedback into actionable, guideline-backed recommendations.

Core Features & Use Cases

  • 3D analysis: Position, Visual Weight, Spacing
  • Evidence-based recommendations with design references
  • Quick UX verdicts and prioritized changes

Quick Start

Provide a UI element (button, layout, etc.) and run the evaluator to get structured feedback.

Frequently Asked Questions about ux-evaluator

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

FAQPage Schema
How do I evaluate UI components for design defects?

Evaluate UI components by applying a structured 3-Dimension framework analyzing Position, Visual Weight, and Spacing. This identifies design defects in buttons, navigation, and layout against established guidelines from Material Design, Nielsen, and Balsamiq, producing evidence-based recommendations for prioritized improvements.

What is the 3D framework for UX evaluation?

The 3-Dimension framework assesses three core aspects of UI design: Position (element placement and hierarchy), Visual Weight (emphasis and contrast), and Spacing (padding and layout flow). This structured approach transforms subjective feedback into actionable, guideline-backed recommendations.

Can I get design recommendations backed by established guidelines?

Yes. The evaluator provides evidence-based recommendations with traceable sources from Material Design, Nielsen usability principles, and Balsamiq best practices. Each recommendation prioritizes changes and grounds feedback in recognized design standards.

How do I turn subjective UX feedback into actionable changes?

Submit your UI element and feedback to the evaluator, which analyzes it through the 3D framework, identifies specific defects in positioning, weight, or spacing, and returns prioritized change guidance with design references to support implementation decisions.

What UI elements can the evaluator review?

The evaluator assesses buttons, navigation components, spacing patterns, and overall layout structures. It applies the 3-Dimension framework to any UI component to identify accessibility and design-principle violations.