skills.rest
92Bilal26
92Bilal26COMMUNITY
Explore all skills by this author →
GitHub

ux-evaluator

Evaluate UI components against UX best practices using Position, Visual Weight, and Spacing.

Updated Dec 7, 2025
Search Tags:#usability#ui-review#button-design#nielsen-heuristics#ux-evaluation#layout-evaluation
One-click install
npx skills add https://github.com/92Bilal26/TaskPilotAI --skill ux-evaluator-92bilal26
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-evaluator
Source: https://github.com/92Bilal26/TaskPilotAI/tree/main/.claude/skills/ux-evaluator
Command: npx skills add https://github.com/92Bilal26/TaskPilotAI --skill ux-evaluator-92bilal26

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a structured approach to evaluate UI components against UX best practices, converting subjective feedback into objective, actionable recommendations based on a proven 3-dimension framework.

Core Features & Use Cases

  • Systematic 3-D analysis: Position, Visual Weight, and Spacing.
  • Reference-based evaluation: Aligns with Nielsen heuristics, Balsamiq guidelines, and general design principles.
  • Use Case: Before implementing UI changes, conduct a UX evaluation to flag issues and propose concrete improvements.

Quick Start

To evaluate a button in a sign-up form, run a UX review using the skill and specify the element and context.

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 against UX best practices?▼

To evaluate UI components, review them against established heuristics focusing on Position, Visual Weight, and Spacing to identify design issues and generate actionable recommendations.

What is the best way to turn subjective UX feedback into actionable improvements?▼

Turn subjective UX feedback into actionable improvements by applying a structured 3-dimension framework that aligns evaluations with Nielsen heuristics and documented design principles.

Can I use Nielsen heuristics to review button design and layout spacing?▼

Yes, you can use Nielsen heuristics to review button design, navigation, spacing, and visual hierarchy across web interfaces to flag design issues before implementation.

How does a visual hierarchy evaluation work for web interfaces?▼

A visual hierarchy evaluation works by assessing UI elements based on documented heuristics like Visual Weight and Position to objectively measure layout effectiveness and propose concrete improvements.

When do I need a UX evaluation before implementing UI changes?▼

You need a UX evaluation before implementing UI changes to systematically flag design issues in elements like buttons or navigation, ensuring updates align with recognized usability principles.

Related Skills

Explore More Design & Creative Skills→
efekrbasefekrbas
41

deterministic-design

Audit UI layouts for balance and usability failures with annotated feedback.

Community
Advanced
nikglavinnikglavin
1

lyra-ux-principles

Evaluate web and mobile interfaces using core UX psychology and UI principles.

Community
Advanced
VGonPaVGonPa
2

mobile-design-review

Audit mobile designs for usability, accessibility, and visual consistency gaps.

Community
Advanced
jewbetchajewbetcha
115

web-design-guidelines

Automate UI compliance checks against Web Interface Guidelines.

Community
Basic