skills.rest
mthines
mthinesCOMMUNITY
Explore all skills by this author →
GitHub

ux

Analyze web and React Native UI code for accessibility and usability issues.

7|2|Updated Apr 23, 2026
Search Tags:#code review#accessibility#usability#react native#ux#web
One-click install
npx skills add https://github.com/mthines/agent-skills --skill ux-mthines
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux
Source: https://github.com/mthines/agent-skills/tree/main/skills/ux
Command: npx skills add https://github.com/mthines/agent-skills --skill ux-mthines

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It helps developers identify and fix usability and accessibility issues in UI code, improving user experience and compliance.

Core Features & Use Cases

  • Code Analysis: Reviews UI components against established UX principles and accessibility standards for web and React Native.
  • Actionable Feedback: Provides specific suggestions to improve usability, accessibility, and platform conformity.
  • Use Case: For a developer preparing a React Native app, this Skill analyzes code to ensure touch targets meet size guidelines and accessibility labels are included.

Quick Start

Prompt the AI to review your web or React Native UI code for accessibility and usability best practices.

Frequently Asked Questions about ux

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

FAQPage Schema
How do I check my React Native code for accessibility issues?▼

Web accessibility code review involves analyzing UI components against established UX principles and accessibility standards. This Skill examines your HTML and React Native code to detect interaction barriers and visual clarity problems, providing prioritized suggestions to improve user experience and compliance.

Can I get usability feedback for both web and React Native UI components?▼

Yes, you can get usability feedback for both web and React Native UI components. The Skill analyzes code across mobile and desktop contexts, identifying platform-specific inconsistencies and usability violations while providing actionable suggestions to improve interaction quality and platform conformity.

What is the best way to find platform-specific inconsistencies in my UI code?▼

To review UI code for usability and accessibility, prompt the AI with your web or React Native components. The Skill analyzes the code against UX principles and standards, identifies violations, and returns specific, prioritized suggestions to improve interaction quality and visual clarity.

Does this UX code review tool check touch target sizes in React Native apps?▼

Yes, this UX code review tool checks touch target sizes in React Native apps. It analyzes your mobile UI code to ensure touch targets meet size guidelines, verifies that accessibility labels are included, and provides actionable feedback to improve overall interaction quality.

Related Skills

Explore More Software Engineering Skills→
alexzhang1030alexzhang1030

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility issues.

Community
Intermediate
k97k97
4

ui-review-tahoe

Review macOS 26 apps for Liquid Glass and Human Interface Guidelines compliance.

Community
Intermediate
mgiffordmgifford

patch-evaluation

Detect and track accessibility violations introduced by code patches.

Community
Advanced
InnerScopeHearingInnerScopeHearing

wcag-audit-patterns

Audit web content for WCAG 2.2 compliance with automated testing and remediation guidance.

Official
Intermediate