ux-review

Evaluate UI mockups for usability, accessibility, and interaction issues, producing prioritized recommendations.

7|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/camilooscargbaptista/cto-toolkit --skill ux-review-camilooscargbaptista
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-review
Source: https://github.com/camilooscargbaptista/cto-toolkit/tree/main/ux-review
Command: npx skills add https://github.com/camilooscargbaptista/cto-toolkit --skill ux-review-camilooscargbaptista

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides structured, expert UX/UI feedback to identify usability, accessibility, and interaction issues in screens, mockups, and frontend interfaces so teams can ship clearer, more usable experiences faster.

Core Features & Use Cases

  • Heuristic Review: Step-by-step checklist using first impressions and Nielsen's heuristics to find critical usability problems.
  • Accessibility & Mobile Checks: WCAG contrast checks, focus and keyboard accessibility guidance, touch target sizing, and safe-area considerations for mobile.
  • Interaction & Responsive Advice: Form behavior, navigation clarity, loading/feedback states, and responsive breakpoint recommendations for desktop, tablet, and mobile.
  • Use Case: Use this Skill during design reviews, PR checks, or when a PM shares a screenshot to get prioritized, actionable improvements for CTAs, forms, and navigation.

Quick Start

Review this screen for usability, accessibility, visual hierarchy, and provide prioritized, concrete recommendations for improvement.

Frequently Asked Questions about ux-review

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

FAQPage Schema
How do I get actionable UX feedback on a design mockup?

To get actionable UX feedback on a design mockup, submit your screenshots or wireframes for a review that identifies usability, accessibility, and interaction issues. This evaluates visual hierarchy, navigation clarity, and form behavior to produce prioritized, concrete improvement recommendations.

What is a usability audit for frontend UI components?

A usability audit for frontend UI components is an expert evaluation that checks interfaces against heuristics to find critical usability problems. It assesses visual hierarchy, loading states, and navigation clarity to provide structured recommendations for improving user experiences.

Can I check WCAG contrast and touch target sizes in a screenshot?

Yes, you can check WCAG contrast and touch target sizes by submitting screenshots or mobile screens for accessibility evaluation. The review identifies contrast issues, verifies keyboard accessibility guidance, and validates touch target sizing along with safe-area considerations for mobile.

How do I review responsive breakpoints for desktop, tablet, and mobile screens?

To review responsive breakpoints for desktop, tablet, and mobile screens, submit your UI layouts for interaction and responsive advice. The evaluation analyzes form behavior, navigation clarity, and layout shifts across breakpoints to generate concrete recommendations for multi-device experiences.

Does this UX review work for pull requests and design reviews?

Yes, this UX review works for pull requests and design reviews by applying a step-by-step checklist using Nielsen's heuristics to find critical usability problems. It evaluates frontend UI components, CTAs, and forms to deliver prioritized improvements during development.

What are the limitations of automated UX design reviews?

Automated UX design reviews are limited to evaluating static screenshots, wireframes, and mockups for visual hierarchy, WCAG contrast, and touch target sizes. They cannot test dynamic backend logic or complex user flows, focusing strictly on frontend interaction behavior and accessibility guidance.