ui-ux-audit-mobile-android

Audit React Native/Expo Android apps for UI/UX, accessibility, and platform conformity.

Updated Feb 4, 2026
One-click install
npx skills add https://github.com/deichworx/smart-swap --skill ui-ux-audit-mobile-android
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-audit-mobile-android
Source: https://github.com/deichworx/smart-swap/tree/main/skills/ui-ux-audit-mobile-android
Command: npx skills add https://github.com/deichworx/smart-swap --skill ui-ux-audit-mobile-android

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured, multi-stage UI/UX audit for Android mobile apps built with React Native/Expo, ensuring usability, accessibility, and platform conformity.

Core Features & Use Cases

  • Nielsen's heuristic evaluation for Android app screens to identify usability gaps.
  • Material Design 3 (MD3) compliance checks across color, typography, spacing, components, navigation, motion, elevation, and icons.
  • React Native / Expo specifics checks (Platform styles, StatusBar, Back handling, Keyboard behavior, touch feedback, safe areas, fonts, images, lists, and animations) to ensure smooth UX.
  • Android platform fit assessments (back navigation, system bars, edge-to-edge content, large screen layouts, deep links, permissions, and notifications).
  • WCAG accessibility audits covering touch targets, color contrast, labeling, hints, focus order, and screen reader compatibility.
  • Synthesis of findings into an RFC with prioritized, actionable recommendations.

Quick Start

Prepare your Android app built with React Native/Expo and run the 6-stage audit to generate an RFC with concrete recommendations.

Frequently Asked Questions about ui-ux-audit-mobile-android

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

FAQPage Schema
How do I audit a React Native Android app for UI/UX and accessibility?

To audit a React Native Android app for UI/UX, evaluate screens against Nielsen's heuristics, Material Design 3, and WCAG standards, checking platform-specific fit for back navigation and safe areas. This process identifies usability gaps and synthesizes findings into an actionable RFC.

What does a Material Design 3 compliance check cover for Expo apps?

A Material Design 3 compliance check for Expo apps covers color, typography, spacing, components, navigation, motion, elevation, and icons. It ensures your React Native interface aligns with Android platform conventions to deliver a consistent user experience.

Can I evaluate WCAG accessibility for Android touch targets and screen readers?

Yes, you can evaluate WCAG accessibility for Android by checking touch target sizes, color contrast, labeling, hints, focus order, and screen reader compatibility. This identifies barriers ensuring your mobile application is accessible to all users.

When do I need to check React Native specific UX behaviors like keyboard handling?

You need to check React Native specific UX behaviors like keyboard handling, back navigation, and safe areas during QA cycles or feature revisions. This ensures smooth interactions and proper platform conformity on Android devices.

How do I structure an RFC for Android UI/UX audit findings?

Structure an RFC for Android UI/UX audit findings by synthesizing evaluated issues into prioritized, actionable recommendations. This includes addressing heuristic violations, MD3 gaps, and accessibility failures with concrete steps for improvement.