skills.rest
NaveedTechLab
NaveedTechLabCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ux-evaluator

Analyzes UI components and generates prioritized UX recommendations.

1|1|Updated Dec 23, 2025
Search Tags:#positioning#spacing#design-guidelines#visual-hierarchy#ux-review#ui-evaluation#3d-framework
One-click install
npx skills add https://github.com/NaveedTechLab/Sir-Junaid-Agents-Skills --skill ux-evaluator-naveedtechlab
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-evaluator
Source: https://github.com/NaveedTechLab/Sir-Junaid-Agents-Skills/tree/main/skills/ux-evaluator
Command: npx skills add https://github.com/NaveedTechLab/Sir-Junaid-Agents-Skills --skill ux-evaluator-naveedtechlab

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps product teams and designers evaluate UI components against established UX principles, converting subjective feedback into actionable, evidence-based improvements using a consistent 3-dimension framework (Position, Visual Weight, Spacing).

Core Features & Use Cases

  • Systematic 3-D analysis for any UI component (buttons, navigation, forms)
  • Produce actionable, prioritized verdicts with concrete recommendations
  • Reference authoritative sources (Balsamiq, Nielsen heuristics, Material Design) to justify decisions

Use cases include design reviews, design-system audits, and UX validation before implementation.

Quick Start

Review a UI component such as a navigation bar or button set against UX guidelines and return a structured evaluation with a prioritized action plan.

Frequently Asked Questions about ux-evaluator

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

FAQPage Schema
How do I conduct a systematic UX review for UI components like buttons and navigation bars?▼

A systematic UX review evaluates UI components using a 3D framework that analyzes Position, Visual Weight, and Spacing. It converts subjective design feedback into actionable, prioritized improvements by referencing established guidelines like Nielsen heuristics and Material Design.

What is the 3D framework for UI evaluation and how does it improve visual hierarchy?▼

The 3D framework for UI evaluation assesses components across Position, Visual Weight, and Spacing to establish clear visual hierarchy. It identifies specific UX issues and generates structured verdicts, ensuring design decisions are justified by authoritative sources rather than subjective preference.

How do I audit spacing and positioning in a design system against standard UX guidelines?▼

Auditing spacing and positioning involves analyzing UI components against Balsamiq, Nielsen heuristics, and Material Design references. This process identifies deviations from standard UX guidelines and produces a prioritized action plan to correct visual weight and alignment issues.

Can I use Nielsen heuristics and Material Design references to validate mobile interface UX before implementation?▼

Yes, you can validate mobile interface UX before implementation by applying Nielsen heuristics and Material Design references. The evaluation systematically checks buttons, navigation, and forms across web and mobile interfaces, delivering a structured verdict with concrete recommendations.

What is the best way to turn subjective design feedback into evidence-based UX improvements?▼

The best way to turn subjective design feedback into evidence-based UX improvements is applying a consistent 3-dimension evaluation framework. This approach analyzes Position, Visual Weight, and Spacing while citing authoritative UX sources to justify prioritized, actionable design decisions.

Related Skills

Explore More Design & Creative Skills→
pedronauckpedronauck
567

design-spec-extraction

Extract JSON design specifications from visual inputs with cross-validation.

Community
Advanced
zm2231zm2231

prototype-review

Review prototypes, wireframes, and mockups for usability, accessibility, and design consistency.

Community
Advanced
romiluz13romiluz13
161

ui-design

Design UI layouts with visual hierarchy, spacing, color, and state design.

Community
Basic
spartDevspartDev
6

Design System Violation Detector

Detect design-system violations in React components against DESIGN_GUIDELINES.md.

Community
Advanced