mobile-uiux-promax

Design and evaluate mobile app interfaces for iOS, Android, React Native, Flutter, SwiftUI, and Jetpack Compose.

19|2|Updated Mar 21, 2026
One-click install
npx skills add https://github.com/bonnguyenitc/antigravity-superpowers --skill mobile-uiux-promax
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-uiux-promax
Source: https://github.com/bonnguyenitc/antigravity-superpowers/tree/main/.agent/skills/mobile-uiux-promax
Command: npx skills add https://github.com/bonnguyenitc/antigravity-superpowers --skill mobile-uiux-promax

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Rapidly surface platform-correct design decisions and implementation guidance so teams avoid costly cross-platform UX mistakes, accessibility regressions, and animation or gesture mismatches that degrade the mobile experience.

Core Features & Use Cases

  • Platform-First Guidance: Recommend iOS, Android, React Native, Flutter, SwiftUI, or Compose patterns to make cross-platform apps feel native.
  • Accessibility & Ergonomics Audits: Provide touch target, contrast, VoiceOver/TalkBack, and reduce-motion checks with remediation steps.
  • Implementation Reminders: Deliver stack-specific tips (libraries, component choices, navigation patterns) and a pre-delivery checklist for shipping production-ready screens.
  • Use Case: Review an onboarding flow and produce per-platform layout adjustments, animation constraints respecting reduce-motion, and a prioritized accessibility fixes list.

Quick Start

Ask the skill to review a mobile screen for iOS and Android and provide platform-specific layout adjustments, accessibility fixes, and animation recommendations.

Frequently Asked Questions about mobile-uiux-promax

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

FAQPage Schema
How do I design mobile app interfaces that feel native on both iOS and Android?

Design mobile app interfaces by applying platform-specific conventions for iOS, Android, React Native, and Flutter. This ensures cross-platform apps maintain native user experiences through appropriate screen layouts, navigation patterns, and stack-specific implementation guidance.

How do I audit mobile app accessibility for VoiceOver and TalkBack compliance?

Audit mobile app accessibility by evaluating touch targets, contrast, and VoiceOver/TalkBack compatibility. The process checks WCAG requirements and provides remediation steps to ensure screens meet accessibility standards and reduce-motion constraints.

What is the best way to handle mobile screen layout and safe-area guidelines for SwiftUI and Jetpack Compose?

Handle mobile screen layout and safe-area guidelines by applying platform-specific patterns for SwiftUI and Jetpack Compose. This evaluates navigation choices and stack-specific component recommendations to ensure production-ready screens meet platform conventions.

Can I use React Native to build cross-platform apps without degrading the mobile UX?

Yes, you can use React Native to build cross-platform apps without degrading mobile UX by applying platform-first guidance. This provides stack-specific tips, navigation patterns, and component choices to avoid costly cross-platform mismatches.

Why does my mobile app animation mismatch cause accessibility regressions?

Mobile app animation mismatches cause accessibility regressions when they fail to respect reduce-motion constraints. Evaluating animation tuning against platform requirements and accessibility checks prevents these degradations and ensures ergonomic user experiences.