ux-review

Audit mobile-first UX friction and map findings to source code locations.

2|Updated Jul 11, 2024
One-click install
npx skills add https://github.com/nicograef/handbook --skill ux-review-nicograef
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-review
Source: https://github.com/nicograef/handbook/tree/main/.claude/skills/ux-review
Command: npx skills add https://github.com/nicograef/handbook --skill ux-review-nicograef

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill identifies usability bottlenecks, inconsistent design patterns, and mobile-specific layout failures that degrade the user experience on smartphones.

Core Features & Use Cases

  • Mobile-First Audit: Evaluates touch targets, viewport responsiveness, and navigation flows at a 375x667 baseline.
  • Consistency Mapping: Detects terminology drift and UI pattern mismatches across different screens.
  • Actionable Reporting: Maps every identified friction point to specific source code locations for rapid remediation.

Quick Start

Run a mobile UX review on the current project by identifying the primary user flows and requesting an audit of the mobile viewport experience.

Frequently Asked Questions about ux-review

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

FAQPage Schema
How do I audit my web app for mobile usability friction?

A mobile-first UX audit identifies usability friction by evaluating screen responsiveness at a 375x667 viewport baseline. It detects touch target accessibility issues, inconsistent design patterns, and workflow inefficiencies that degrade the smartphone user experience.

What is terminology drift and how do I find it in my frontend?

Terminology drift occurs when inconsistent labels and UI patterns appear across different screens. A consistency mapping audit detects these mismatches across your web application and maps every inconsistency to specific source code file and line references for actionable remediation.

Can I get actionable source code references from a mobile UX audit?

Yes, an actionable UX audit maps every identified friction point to specific source code file and line references. This ensures developers can rapidly locate and remediate mobile UI inconsistencies, terminology drift, and usability bottlenecks without manual searching.

Does this UX review evaluate touch targets and screen responsiveness?

Yes, the mobile UX review evaluates touch target accessibility and screen responsiveness at a 375x667 mobile viewport baseline. It assesses how your web application's navigation flows and UI elements perform within standard smartphone constraints.

What is the best way to check my web app for mobile UI inconsistencies?

The best way to check for mobile UI inconsistencies is running a mobile-first UX audit. This process evaluates your web application at a 375x667 viewport baseline to detect terminology drift, UI pattern mismatches, and touch target accessibility failures.

What are the limitations of a 375x667 viewport baseline for UX audits?

A 375x667 viewport baseline evaluates mobile web apps for standard smartphone usability friction but does not cover tablet or desktop responsiveness. You must request separate workflow efficiency evaluations for larger screen sizes and varying navigation flows.