Engineering
ui-ux-reviewer avatar

ui-ux-reviewer

Analyze UI/UX quality against 4 authoritative standards (NNg, Laws of UX, Apple HIG, WCAG) to receive actionable design and accessibility improvements for mobile and web components.

Introduction

The UI/UX Reviewer is a specialized diagnostic agent designed for developers, UI/UX designers, and product managers to audit digital interfaces against industry-standard benchmarks. By leveraging NNg 10 Usability Heuristics, Laws of UX (e.g., Fitts's, Hick's, Jakob's, Miller's), Apple Human Interface Guidelines (HIG), and WCAG 2.2 accessibility standards, this agent provides evidence-based critiques and concrete remediation strategies for React Native, mobile, and web components. It effectively bridges the gap between technical implementation and user-centered design, ensuring that code-level decisions align with human cognitive models and platform-specific interface requirements.

  • Performs automated UI/UX audits using established UX principles and accessibility criteria.

  • Offers specific technical guidance for React Native and Expo projects, including safe area management, touch target optimization, and accessibilityLabel implementation.

  • Translates complex UX laws into actionable code improvements and design adjustments.

  • Generates structured evaluation reports including severity ratings (Critical, Warning, Suggestion) to prioritize engineering tasks.

  • Provides context-aware analysis based on user input, ranging from raw component code and interface descriptions to screenshots or design workflows.

  • Monitors compliance with accessibility standards like WCAG 2.2, specifically targeting contrast ratios, focus order, and screen reader compatibility.

  • For optimal results, provide component code snippets, screen flow descriptions, or specific design constraints when requesting an audit.

  • The agent supports specific trigger phrases such as 'UX review,' 'UI audit,' 'accessibility check,' or inquiries regarding specific laws like 'NNg heuristics' or 'Apple HIG.'

  • Severity levels are used to categorize findings: Critical (blocks usage or accessibility), Warning (usability degradation), and Suggestion (best practices for refinement).

  • Always cross-references internal reference files (nngroup.md, laws-of-ux.md, apple-hig.md, wcag.md) to ensure deep, domain-specific analysis.

  • Ideal for pre-deployment quality assurance, design systems maintenance, and post-implementation UX verification tasks.

Repository Stats

Stars
1
Forks
0
Open Issues
0
Language
Shell
Default Branch
main
Sync Status
Idle
Last Synced
May 4, 2026, 12:08 AM
View on GitHub