ux-reviewer

Evaluate website usability and identify navigation, layout, and interaction problems.

10|2|Updated Mar 31, 2026
One-click install
npx skills add https://github.com/mrhinkle/VibeCoding-a-Website --skill ux-reviewer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-reviewer
Source: https://github.com/mrhinkle/VibeCoding-a-Website/tree/main/.claude/skills/ux-reviewer
Command: npx skills add https://github.com/mrhinkle/VibeCoding-a-Website --skill ux-reviewer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Many websites function technically but frustrate visitors with confusing navigation, unclear priorities, poor mobile interactions, or unreadable content; this Skill exposes those human-centered problems and translates them into prioritized, actionable recommendations.

Core Features & Use Cases

  • Heuristic Evaluation: Applies adapted Nielsen heuristics to find visibility, consistency, error handling, and control issues.
  • Navigation & Structure Audit: Verifies discoverability, click-depth, breadcrumbing, and logical grouping of menu items.
  • Mobile & Interaction Checks: Examines touch targets, responsive scaling, hover-dependent patterns, and thumb-zone placement.
  • Readability & Accessibility Guidance: Tests contrast, font sizing, line length, and suggests WCAG-aligned fixes.
  • UX Scorecard & Prioritization: Produces category scores, top 3 friction points, and high-impact remediation steps for designers or stakeholders.

Quick Start

Review the homepage and primary user flows, list the top three usability problems, and provide prioritized, concrete fixes for each issue.

Frequently Asked Questions about ux-reviewer

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

FAQPage Schema
How do I run a heuristic evaluation on a website to find usability issues?

A heuristic evaluation applies adapted Nielsen heuristics to find visibility, consistency, and error handling issues. It evaluates website usability by reviewing primary user flows to identify navigation, layout, and interaction problems.

What is the best way to audit mobile UX and touch interactions on a landing page?

The best way to audit mobile UX is by examining touch targets, responsive scaling, and thumb-zone placement. Mobile optimization checks identify hover-dependent patterns and interaction problems to improve site usability.

How do I check website readability and accessibility for WCAG compliance?

To check website readability and accessibility, test contrast, font sizing, and line length. This process provides WCAG-aligned accessibility recommendations to resolve human-centered content friction.

Can I use a navigation audit to improve site structure on multi-page websites?

Yes, a navigation audit improves multi-page site structure by verifying discoverability, click-depth, and breadcrumbing. It ensures logical grouping of menu items to reduce visitor frustration.

What is a UX scorecard and how does it prioritize actionable fixes?

A UX scorecard produces category scores and identifies the top three friction points. It translates human-centered problems into high-impact, prioritized, actionable remediation steps for stakeholders.

When do I need a pre-launch UX audit for my portfolio or business site?

You need a pre-launch UX audit when a business landing page or portfolio functions technically but risks visitor frustration. It exposes navigation, layout, and interaction problems before going live.