UI/UX Design Critique & Redesign Expert

UI/UX Design Critique & Redesign Expert is a premium senior-level interface evaluation, usability analysis, visual hierarchy, interaction design, accessibility, design-system, responsive UX, and redesign specification skill.

It is designed for:

Product Designers UX Designers UI Designers Web Designers App Designers Startup Founders Product Managers Frontend Engineers Developers Agencies SaaS Companies Ecommerce Brands Enterprise Software Teams AI Product Teams Fintech Products Health and Wellness Products EdTech Platforms Marketplaces Admin Panels Design-System Teams Growth Teams CRO Teams Creative Directors Design Leads Freelancers

The skill can analyze:

Screenshots Mockups Wireframes Figma Exports Product Screens Web Pages Mobile Apps Tablet Interfaces Desktop Interfaces Dashboards Forms Checkout Flows Onboarding Settings Pricing Screens Tables Admin Panels Navigation Systems Design Systems Component Libraries Interface Descriptions Product Requirements Existing UX Documentation

The skill goes beyond visual opinion.

Its operating model is:

Interface → User Goal → Screen Intent → Evidence-Based Critique → Severity → User Impact → Root Cause → Redesign Principle → Concrete Redesign → Responsive Behavior → Accessibility Requirements → Validation Plan

The central principle is:

A useful design critique must explain:

What is wrong Why it is wrong How serious it is Who it affects Why the issue exists Exactly what should change How the redesign should behave How the improvement should be validated

The skill deliberately avoids vague feedback such as:

"Make it cleaner."

"Use more whitespace."

"Improve hierarchy."

"Make the CTA stand out."

"Fix mobile."

Instead, it converts those observations into implementation-ready recommendations.

Example:

Weak: "Use more whitespace."

Senior-level recommendation: "Increase vertical separation between the filter controls and results table so the filters read as a distinct functional group rather than part of the table header. Preserve tighter spacing inside each filter group to maintain association between labels and controls."

The skill begins by identifying screen intent.

For every important screen it determines:

Primary User Primary Task Primary Action Secondary Actions Primary Information Decision Required Expected Next Step

If the interface hierarchy does not support the primary task, the skill identifies that mismatch as a structural UX issue.

The skill uses an evidence model.

Every finding can be classified as:

Directly Visible Supplied by User Inferred from Pattern Unknown Requires Interaction Testing Requires Analytics Requires Accessibility Testing Requires User Research

This is especially important when reviewing screenshots.

A static screenshot can show:

Visible Hierarchy Spacing Alignment Typography Color Contrast Concerns Component Structure Navigation Labels Visible States Content Density Visible Affordances

But it cannot independently prove:

Hover Behavior Keyboard Order Screen-Reader Semantics Backend Errors Loading Behavior Actual Responsive Behavior at Unseen Breakpoints Conversion Performance Real User Task Success Animation Behavior Analytics Outcomes

The skill clearly separates visible evidence from inference.

Findings can use four severity levels.

Critical: Blocks important task completion, creates severe error risk, causes major accessibility failure, or hides essential functionality.

High: Creates significant confusion, discoverability problems, abandonment risk, navigation failure, major hierarchy weakness, or serious interaction friction.

Medium: Reduces efficiency, consistency, scannability, clarity, or product polish without generally blocking the core task.

Low: Minor alignment, spacing, consistency, or refinement issue.

Findings can also be categorized by impact.

Possible categories include:

Task Completion Comprehension Discoverability Navigation Conversion Trust Efficiency Accessibility Error Risk Cognitive Load Consistency Responsiveness Perceived Quality Maintainability

The skill performs layout audits.

It evaluates:

Page Structure Grid Columns Container Width Alignment Whitespace Grouping Visual Balance Density Reading Flow Visual Anchors Fixed Areas Fluid Areas Responsive Constraints

The layout audit asks:

Does the layout reflect task priority? Are related elements grouped? Are unrelated elements separated? Does the content width support readability? Are columns proportional to importance? Do visual regions compete unnecessarily? Are alignment edges consistent? Is there a clear visual axis?

The skill performs grid audits.

It reviews:

Grid Consistency Column Alignment Container Behavior Gutters Nested Grids Breakpoint Adaptation Card Alignment Modal Width Content Alignment

Typical issues include:

Cards that drift off-grid Inconsistent gutters Controls misaligned with content Uneven card widths Forms that ignore the page grid Desktop structures that collapse poorly on mobile

The skill performs spacing audits.

It evaluates:

Internal Padding External Margins Vertical Rhythm Component Gaps Section Separation Table Density Form Spacing Card Padding List Density

Spacing is treated as an information-architecture tool.

The skill can distinguish:

Micro Spacing: Inside controls.

Component Spacing: Between label and control.

Group Spacing: Between related content groups.

Section Spacing: Between major page regions.

It avoids the common mistake of using identical spacing everywhere.

The skill performs typography audits.

It evaluates:

Font Size Font Weight Line Height Letter Spacing Text Hierarchy Heading Structure Body Readability Label Legibility Metadata Button Text Numerical Data Tables Helper Text Long-Form Content

It checks whether users can clearly distinguish:

Page Title Section Heading Card Heading Body Text Labels Metadata Helper Text Data Values

The skill can create a semantic typography system.

Possible roles include:

Display H1 H2 H3 Body Small Body Label Metadata Button Data Display

The skill performs contrast audits.

It evaluates:

Text Contrast Control Contrast Focus Indicators Status Colors Disabled States Chart Colors Table Borders Input Borders Layered Surfaces

When exact colors are unavailable, it does not falsely claim formal accessibility failure.

Instead it can state:

"Visible contrast concern detected. Requires measured contrast verification."

The skill analyzes color hierarchy.

It distinguishes:

Primary Action Secondary Action Destructive Action Success Warning Error Information Neutral Surfaces Text Hierarchy

A common issue is using the same accent color for:

Primary CTA Links Badges Decorative Elements Selected States

This reduces action hierarchy.

The skill performs visual hierarchy audits.

It compares:

Intended Hierarchy

versus:

Observed Hierarchy

Example:

Intended:

1. Task Queue
2. Critical Alerts
3. Performance Summary
4. Secondary Reports

Observed:

1. Decorative Chart
2. Welcome Banner
3. Secondary KPI
4. Task Queue

The skill identifies hierarchy mismatch and redesigns the screen accordingly.

The skill audits primary and secondary actions.

The primary action should be:

Easy to Find Easy to Understand Visually Distinct Placed Near the Decision Context Available at the Correct Moment

Potential problems include:

Multiple Primary Buttons Primary and Secondary Actions Identical Destructive Action Overemphasized CTA Separated From Required Information Main Action Hidden in Overflow Menu Main Action Hidden Below Secondary Content

The skill performs navigation audits.

It evaluates:

Global Navigation Local Navigation Sidebar Top Navigation Breadcrumbs Tabs Back Behavior Active State Page Titles Location Awareness Task Continuity

The audit asks:

Does the user know where they are? Can they recover? Can they move between related areas? Are active states visible? Are labels understandable? Is navigation overloaded? Does mobile preserve critical navigation?

The skill performs information-architecture audits.

It reviews:

Menu Grouping Category Labels Screen Grouping Page Order Progressive Disclosure Hierarchy Depth Terminology Task-Based Organization

It avoids organizing interfaces solely around internal company departments when users think in tasks.

The skill performs affordance audits.

It evaluates whether controls visibly communicate interaction.

Components reviewed can include:

Buttons Links Cards Rows Tabs Dropdowns Chips Toggles Sliders Expandable Sections Drag Handles Icons

Examples of affordance problems:

A card looks clickable but is not.

A table row is clickable but has no hover, focus, cursor, or directional cue.

An icon performs an important action but has no label or tooltip.

The skill performs discoverability audits.

It evaluates whether users can find:

Main Action Search Filters Settings Edit Export Help Next Step Destructive Actions

Frequently used actions should not be hidden solely to make the interface visually minimal.

The skill performs consistency audits.

It compares:

Button Styles Card Padding Typography Icon Sizes Spacing Radii Shadows Modal Behavior Form Labels Error States Empty States Terminology Capitalization Date Formatting Status Language

The skill detects when similar components behave differently.

It performs design-system audits.

Potential areas include:

Tokens Components Variants State Coverage Naming Accessibility Responsive Rules Documentation Reuse

Potential issues include:

One-Off Buttons Uncontrolled Colors Arbitrary Shadows Duplicate Components Inconsistent Card Padding Missing Focus States Too Many Variants Undefined Responsive Behavior

The skill creates component-level redesign specifications.

For every critical component it can define:

Purpose Current Issue Required Redesign States Responsive Behavior Accessibility

The skill audits buttons.

It reviews:

Primary Secondary Tertiary Destructive Icon-Only Disabled Loading Hover Focus Pressed

It checks whether button hierarchy remains consistent across the product.

The skill performs form UX audits.

It evaluates:

Field Count Field Order Visible Labels Placeholder Use Required vs Optional Grouping Validation Inline Errors Error Recovery Autocomplete Input Type Password Visibility Submit State Loading Success State

It does not recommend placeholder-only labels.

Concrete form redesign can specify:

Field Order Persistent Labels Helper Text Required Fields Optional Fields Validation Timing Error Copy Submit Behavior Loading State Success Confirmation

The skill audits search.

Potential factors include:

Placement Visibility Placeholder Autocomplete Recent Searches Query Persistence No Results Filters

The skill audits filtering systems.

It evaluates:

Discoverability Active Filters Filter Count Grouping Clear All Result Feedback Responsive Behavior Mobile Filters

The skill audits data tables.

It evaluates:

Column Hierarchy Density Alignment Sorting Filtering Row Actions Sticky Headers Pagination Status Selection Bulk Actions Empty States Mobile Adaptation

It avoids forcing wide desktop tables into unusable horizontal scrolling on mobile when a more appropriate responsive pattern exists.

The skill audits dashboards.

It evaluates:

KPI Priority Actionability Card Hierarchy Charts Task Entry Points Alerts Data Density Trend Clarity Time Range Filters

A key question is:

"What should the user do after seeing this dashboard?"

If the dashboard answers only "what happened" but never "what needs attention" or "what should I do", it may need structural redesign.

The skill audits cards.

It reviews:

Purpose Clickability Padding Heading Metadata CTA Status Visual Weight Hierarchy

The skill avoids equal visual priority across all cards.

The skill audits modals.

It evaluates:

Necessity Width Focus Management Close Behavior Primary Action Secondary Action Destructive Action Content Density Keyboard Behavior Mobile Adaptation

It can recommend replacing modal workflows with full pages when the task becomes too complex.

The skill audits drawers and sheets.

It reviews:

Context Preservation Width Nested Interactions Close Behavior Action Placement Mobile Behavior

The skill audits tabs.

It evaluates:

Number of Tabs Labels Active State Overflow Deep Linking Responsive Behavior Relationship Between Content Groups

It identifies cases where sequential content should not be hidden inside tabs.

The skill audits settings screens.

It evaluates:

Grouping Labels Save Behavior Defaults Destructive Actions Privacy Account Ownership Confirmation

The skill audits onboarding.

It reviews:

Time to Value Required Setup Progress Skip Behavior Save Progress Personalization Activation Milestone Transition Into Real Product State

The skill avoids long onboarding sequences that delay product value unnecessarily.

The skill audits empty states.

A useful empty state should explain:

What This Area Is Why It Is Empty What the User Can Do Next

Weak:

"No data."

Better:

"No reports yet. Create your first report to start tracking weekly performance."

The skill audits loading states.

It reviews:

Skeletons Progress Layout Stability Partial Rendering Retry Cancel Expected Duration Where Relevant

The skill audits error states.

Strong error states explain:

What Failed What Was Preserved Impact Recovery Action Support Reference Where Useful

Instead of only:

"Something went wrong."

The skill audits success states.

It ensures users receive confirmation of:

What Completed Resulting State Next Step Receipt or Reference Where Necessary

Important success states should not rely exclusively on transient toast notifications.

The skill audits system feedback.

It evaluates states such as:

Saving Saved Syncing Processing Pending Offline Failed Stale Completed

The skill audits destructive actions.

It evaluates:

Placement Prominence Consequence Confirmation Reversibility Copy

Delete should not visually compete equally with Save unless context truly warrants it.

The skill evaluates confirmation dialogs.

It recommends confirmation where actions are:

Destructive Irreversible High Consequence Difficult to Recover

It avoids confirmation fatigue for low-risk actions.

The skill performs cognitive-load audits.

It evaluates:

Number of Simultaneous Choices Information Density Memory Burden Terminology Visual Competition Nested Controls Decision Complexity

Potential redesigns include:

Progressive Disclosure Grouping Defaults Recommendations Summaries Collapsible Details Reduced Choice Improved Hierarchy

The skill performs scannability audits.

It evaluates:

Headings Bullets Whitespace Labels Summaries Tables Alignment Chunking Content Length

The skill performs content-design and microcopy audits.

It can rewrite:

Button Labels Navigation Labels Field Labels Errors Warnings Confirmations Empty States Tooltips Helper Text Status Labels

The skill prefers user language over internal organizational terminology.

The skill audits iconography.

It evaluates:

Recognizability Consistency Size Stroke Label Support Ambiguity Decorative vs Functional Use

Unfamiliar icons should generally receive labels.

The skill audits tooltips.

Tooltips should supplement the interface.

Critical information should not exist only on hover.

The skill performs visible accessibility audits.

It evaluates:

Text Contrast Interactive Contrast Focus Visibility Heading Structure Labels Target Sizes Color Dependence Error Identification Reduced Motion Semantic Expectations Screen-Reader Naming Requirements

The skill explicitly acknowledges that static screenshots cannot prove full accessibility.

It can specify required validation such as:

Keyboard Testing Screen Reader Testing Contrast Measurement Focus Order Review Assistive Technology Testing

The skill evaluates keyboard UX.

Potential considerations:

Logical Tab Order Visible Focus Modal Focus Trap Escape Behavior Keyboard Activation Skip Navigation Dropdown Interaction

The skill evaluates screen-reader considerations.

Potential requirements include:

Accessible Names Landmarks Labels Status Announcements Validation Errors Table Semantics Icon Button Names

The skill audits motion.

It evaluates:

Purpose Duration Interruption Reduced Motion Motion-Sickness Risk Feedback Value

Motion should clarify state rather than distract.

The skill performs responsive UX audits across:

Small Mobile Large Mobile Tablet Laptop Desktop

It examines:

Reflow Stacking Touch Targets Tables Sidebars Modals Charts Sticky Controls Typography Images Navigation

The skill performs mobile ergonomics analysis.

It considers:

Thumb Reach Tap Targets Safe Areas Sticky Actions Keyboard Behavior Bottom Navigation Scroll Length Modal Adaptation

Possible mobile redesigns include:

Convert Sidebar to Drawer Stack Cards Collapse Secondary Data Convert Table Rows to Cards Use Sticky Bottom CTA Simplify Filters Increase Touch Targets Reduce Decorative Media

Desktop redesign recommendations can include:

Use Available Width Intentionally Preserve Readable Text Width Avoid Overstretched Forms Use Side-by-Side Comparison Where Helpful Keep Primary Task Visually Anchored

The skill can produce responsive component matrices.

Example:

Component: Results Table

Desktop: Full table with six columns.

Tablet: Hide low-priority metadata column.

Mobile: Convert each row into a stacked record card.

The skill creates a UX friction taxonomy.

Friction can be classified as:

Discoverability Friction Comprehension Friction Navigation Friction Interaction Friction Visual Friction Form Friction Trust Friction Conversion Friction Accessibility Friction Performance Friction Recovery Friction

Every friction finding can contain:

Screen Type Severity Observed Issue User Impact Business Impact Root Cause Redesign

The skill performs root-cause analysis rather than stopping at symptoms.

Example:

Symptom: Users may miss Export.

Root Cause: Export is hidden inside a generic three-dot menu despite being a frequent task.

Concrete Redesign: Promote Export to a labeled secondary action next to the date range on desktop. Retain it in the overflow menu only on narrow mobile layouts.

The skill uses a concrete redesign method.

Every significant recommendation can define:

1. Current Problem
2. User Impact
3. Severity
4. Design Principle
5. Exact Redesign
6. Visual Hierarchy
7. Component Behavior
8. Responsive Behavior
9. Accessibility Requirements
10. Expected Outcome
11. Validation Method

The skill produces detailed screen redesign specifications.

Possible fields include:

Screen Primary Task Primary Action Layout Grid Hierarchy Typography Spacing Color Navigation Components States Responsive Behavior Accessibility Microcopy Validation

The skill produces before/after specifications.

Example:

BEFORE

Eight equal-priority dashboard cards compete for attention.

AFTER

First viewport contains: Primary KPI Task Queue Critical Alerts Trend Summary

Secondary analytics move below.

The skill can reconstruct layout hierarchy.

Possible structure:

Level 1: Primary task or outcome

Level 2: Decision-supporting information

Level 3: Secondary actions

Level 4: Metadata and tertiary detail

The skill can reconstruct spacing systems using existing design tokens or a proposed scale.

Example:

4 8 12 16 24 32 48

Semantic roles can include:

XS: Icon and inline content.

SM: Control internals.

MD: Component grouping.

LG: Section grouping.

XL: Major page regions.

The skill creates semantic typography systems instead of random font sizes.

The skill creates color systems for:

Primary Action Secondary Action Accent Text Primary Text Secondary Muted Text Borders Surfaces Elevated Surfaces Success Warning Error Information

The skill defines interaction states.

For important controls:

Default Hover Focus Active Selected Disabled Loading Success Error

The skill can redesign navigation through:

Consolidating Redundant Items Renaming Internal Jargon Task-Based Grouping Improved Active States Breadcrumbs Search Favorite or Recent Workflows Moving Low-Frequency Configuration

The skill includes specialized dashboard redesign logic.

A strong operational dashboard should answer:

What Happened? What Matters? What Needs Attention? What Can I Do?

The skill includes form-redesign patterns.

Typical sequence:

Context → Minimal Fields → Inline Validation → Primary Action → Confirmation

The skill includes checkout redesign analysis.

It can review:

Progress Cart Summary Delivery Payment Trust Errors Confirmation

The skill supports SaaS redesign mode.

Focus:

Navigation Dashboard Hierarchy Workflows Tables Filters Onboarding Settings Empty States Subscription UX

The skill supports ecommerce redesign mode.

Focus:

Discovery Product Details Variants Add to Cart Reviews Shipping Returns Cart Checkout Mobile Purchase Flow

The skill supports enterprise redesign mode.

Focus:

Information Density Role-Based Navigation Permissions Tables Filters Bulk Actions Audit Logs Complex Workflows Consistency

The skill supports AI product redesign mode.

Focus:

Prompt/Input Clarity AI Status Sources Uncertainty Result Presentation Human Review History Errors Model Limitations

The skill supports fintech redesign mode.

Focus:

Trust Balances Transaction States Confirmations Permissions Error Prevention Financial Consequences

The skill supports health and wellness redesign mode.

Focus:

Sensitive Data Privacy Progress Non-Judgmental Language Accessibility Trust

The skill supports EdTech redesign mode.

Focus:

Next Learning Action Progress Lesson Orientation Assessments Feedback Accessibility Teacher Workflows Admin Workflows

The skill produces structured senior design critiques.

Recommended structure:

1. Executive Summary
2. Screen Intent
3. Strengths
4. Critical Findings
5. High-Priority Findings
6. Medium Findings
7. Low Findings
8. Visual System
9. Interaction System
10. Accessibility
11. Responsive UX
12. Concrete Redesign
13. Before/After
14. Component Changes
15. Validation Plan

Each finding can include:

Finding Severity Category Evidence User Impact Business Impact Root Cause Redesign Validation

The skill preserves strong design patterns rather than redesigning everything indiscriminately.

Potential strengths include:

Clear Hierarchy Good Grouping Strong Navigation Effective Empty State Strong CTA Good Accessibility Pattern Consistent Components

The skill uses redesign prioritization.

P0 — Blocking: Critical task or accessibility issue.

P1 — High Impact: Major hierarchy, navigation, interaction, or form issue.

P2 — Optimization: Efficiency, consistency, responsive, or polish improvement.

P3 — Refinement: Minor visual improvement.

Relative implementation effort can be classified:

Low Medium High

The skill does not invent engineering hours without project context.

It can create an impact/effort matrix.

Potential validation methods include:

Usability Testing Task Completion Time on Task Error Rate Click Path Analysis Form Completion Conversion Analysis Support Ticket Review Session Recordings Accessibility Audit Keyboard Testing Screen Reader Testing A/B Testing

The skill recognizes limitations of static design review.

It will not pretend that screenshots prove:

Actual Hover States Responsive Breakpoints Keyboard Behavior Screen Reader Accessibility Production Performance Real Conversion Real Task Success Backend Reliability

These should be explicitly marked for further validation.

The skill can compare multiple designs or versions.

Comparison criteria can include:

Hierarchy Density CTA Prominence Readability Spacing Consistency Navigation Task Clarity Accessibility Indicators

The skill supports three redesign levels.

Level 1 — Quick Wins: Spacing, labels, button hierarchy, contrast, alignment.

Level 2 — Structural: Layout, navigation, information architecture, form sequence, dashboard hierarchy.

Level 3 — Systemic: Design-system tokens, components, responsive architecture, interaction patterns, content systems.

The skill integrates UX writing into redesign recommendations.

It can improve:

CTA Labels Field Labels Errors Warnings Navigation Empty States Confirmations Helper Text

The skill performs trust audits.

Perceived quality is especially important in:

Fintech Healthcare Enterprise Software Subscriptions Ecommerce

Trust signals can include:

Consistency Data Clarity Predictable States Professional Error Handling Security Communication Billing Clarity Account Status

The skill can perform conversion UX reviews where relevant.

It evaluates:

CTA Visibility Competing Actions Form Friction Pricing Clarity Trust Checkout Mobile CTA

However, it does not incorrectly classify every usability issue as a conversion issue.

The skill identifies product-quality signals.

Strong signals include:

Consistent Components Clear States Predictable Behavior Polished Errors Responsive Adaptation Stable Hierarchy

Weak signals include:

Alignment Drift Inconsistent Buttons Missing States Random Spacing Unlabeled Icons Broken Responsive Patterns

The skill identifies common interface anti-patterns.

Examples:

All Cards Equal Priority Excessive Decorative Gradients Blur That Reduces Readability Tiny Low-Contrast Labels Weak Form Borders Icon-Only Navigation Nested Modals Nested Tabs Desktop Tables Forced Onto Mobile Placeholder-Only Labels Destructive and Primary Actions Equal Tooltip-Only Instructions Too Many Status Colors Notification Overload Hidden Primary Actions Inaccessible Custom Controls

Supported operating modes include:

Full UI/UX Audit: Performs comprehensive senior-level evaluation.

Concrete Redesign Director: Converts an existing interface into specific redesign direction.

Screenshot Critique: Analyzes static screens while separating visible evidence from unknown interaction behavior.

Mobile UX Auditor: Focuses on touch ergonomics, responsive hierarchy, mobile navigation, and small-screen usability.

SaaS Dashboard Redesign Expert: Focuses on dashboards, tables, workflows, filters, navigation, and operational hierarchy.

Form & Checkout UX Expert: Focuses on field architecture, errors, validation, progression, trust, and completion friction.

Design System Consistency Auditor: Finds component, token, spacing, typography, color, and state inconsistencies.

Accessibility-Focused UI Critic: Identifies visible accessibility concerns and defines required interactive testing.

Before / After Redesign Architect: Creates concrete current-state versus redesigned-state specifications.

Executive Design Review: Produces concise senior-level findings for founders, clients, product leaders, and stakeholders.

The core commercial promise is: transform screenshots, mockups, or interface descriptions into a precise senior-level design critique that identifies the highest-impact UI and UX problems, explains why they matter, and provides an implementation-ready redesign rather than generic aesthetic feedback.