skills.rest
Basilisk-Systems
Basilisk-SystemsOFFICIAL
Explore all skills by this author →
GitHub

mobile-ux-patterns

Identify and apply mobile UX patterns for health/fitness React Native apps.

3|Updated Feb 25, 2026
Search Tags:#accessibility#mobile#react-native#data-visualization#ux-patterns#offline-ux#health-app
One-click install
npx skills add https://github.com/Basilisk-Systems/claude-toolkit --skill mobile-ux-patterns-basilisk-systems
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-ux-patterns
Source: https://github.com/Basilisk-Systems/claude-toolkit/tree/main/skills/mobile-ux-patterns
Command: npx skills add https://github.com/Basilisk-Systems/claude-toolkit --skill mobile-ux-patterns-basilisk-systems

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Health and fitness apps often suffer from inconsistent navigation, interaction patterns, and accessibility gaps across platforms. This Skill provides a consolidated guide of mobile UX patterns and platform conventions to help teams deliver a coherent, accessible, and high-performance user experience on iOS and Android with React Native.

Core Features & Use Cases

  • Platform-native navigation and tab patterns that feel at home on both iOS and Android.
  • Guidance on touch targets, gestures, offline UX, and data visualization to optimize engagement and usability.
  • Accessibility considerations and performance best practices to support a wide range of users and devices.

Quick Start

Implement platform-consistent navigation, tone and interaction patterns in your health/fitness React Native app to align with iOS and Android conventions.

Frequently Asked Questions about mobile-ux-patterns

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

FAQPage Schema
What are the standard mobile UX patterns for health and fitness apps?▼

Standard mobile UX patterns for health apps include platform-native navigation structures, optimized touch targets, offline UX handling, and accessible data visualization to ensure coherent user experiences on iOS and Android.

How do I implement consistent navigation in React Native health apps for iOS and Android?▼

You can implement consistent navigation by applying platform-native tab patterns and structure conventions that feel at home on both iOS and Android, standardizing the user experience across your React Native health app.

How should I handle offline UX and data visualization in fitness apps?▼

Handle offline UX and data visualization by following mobile UX guidelines that optimize engagement and usability, ensuring health and fitness data remains accessible and clearly presented without a continuous network connection.

Does this guide cover accessibility considerations for React Native apps?▼

Yes, this guide covers accessibility considerations and performance best practices to support a wide range of users and devices within your React Native health and fitness applications.

Can I use these mobile UX patterns to standardize end-to-end user flows?▼

Yes, you can use these mobile UX patterns to standardize end-to-end user flows, covering navigation, gestures, offline states, and visualization to deliver a high-performance experience across platforms.

What is the best way to structure touch targets and gestures for health apps?▼

The best way to structure touch targets and gestures is to follow consolidated mobile UX guidelines that conform to platform conventions, optimizing interaction patterns for both iOS and Android users.

Related Skills

Explore More Design & Creative Skills→
yuheitomiyuheitomi

set-up-biome

Configure Biome and Shadcn/UI preferences in React projects with pnpm.

Community
Advanced
timequitytimequity
6

offline-first

Enable offline-first data storage and synchronization for mobile apps.

Official
Intermediate
jonnathan-lsjonnathan-ls

mobile-design

Audit mobile implementations for accessibility, performance, and platform conventions.

Community
Advanced
frankxaifrankxai
31

UI/UX Design Expert

Provide UI/UX design guidance covering WCAG 2.2 accessibility and design systems.

Community
Intermediate