ui-review

Analyze interface designs for usability defects and hierarchy imbalances.

25|3|Updated Jul 14, 2026
One-click install
npx skills add https://github.com/nimadorostkar/Claude-Skills-collection --skill ui-review-nimadorostkar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-review
Source: https://github.com/nimadorostkar/Claude-Skills-collection/tree/main/skills/design/ui-review
Command: npx skills add https://github.com/nimadorostkar/Claude-Skills-collection --skill ui-review-nimadorostkar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the problem of vague, subjective design feedback by providing a structured, objective framework for critiquing interfaces based on usability principles.

Core Features & Use Cases

  • Hierarchy Analysis: Evaluates visual weight to ensure the primary action is the most prominent element.
  • State Coverage: Audits designs for missing empty, error, loading, and overflow states.
  • Actionable Feedback: Provides a standardized format for reporting findings as blocking, should-fix, or consider, ensuring designers receive clear, implementable instructions.

Quick Start

Use the ui-review skill to audit the attached mockup for hierarchy issues and missing states.

Frequently Asked Questions about ui-review

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

FAQPage Schema
How do I turn vague design feedback into actionable UI improvements?

UI critique converts subjective feedback into actionable UI improvements by evaluating visual hierarchy, state coverage, and affordances. It reports findings as blocking, should-fix, or consider, giving designers clear, structured instructions to implement.

What's the best way to audit a mockup for missing states before engineering?

The best way to audit a mockup for missing states is evaluating state coverage for empty, error, loading, and overflow conditions. This pre-engineering check identifies missing visual affordances and hierarchy imbalances before development starts.

How do I check if my interface design has visual hierarchy issues?

To check interface designs for visual hierarchy issues, analyze visual weight distribution to ensure the primary action stands out as the most prominent element. This systematic evaluation prevents usability defects and guides effective design reviews.

Can I use a structured framework for usability critiques instead of subjective opinions?

Yes, you can apply a structured framework for usability critiques based on objective principles. This replaces subjective opinions with standardized evaluations of design system consistency and affordances, ensuring actionable reporting for mockup audits.

What usability defects should I look for during a design review?

During a design review, look for usability defects including hierarchy imbalances, missing state coverage, and inconsistent design system elements. Evaluating these visual affordances ensures interface designs meet quality standards before engineering begins.