skills.rest
awesome-skills
awesome-skillsOFFICIAL
Explore all skills by this author →
GitHub

Mobile App Design Standards

Standardize cross-platform mobile UI/UX with accessibility and design token guidance.

60|10|Updated Feb 5, 2026
Search Tags:#accessibility#react-native#ux#design-system#design-guidelines#mobile-ui#platform-design
One-click install
npx skills add https://github.com/awesome-skills/mobile-app-design --skill mobile-app-design-standards
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Mobile App Design Standards
Source: https://github.com/awesome-skills/mobile-app-design/tree/main
Command: npx skills add https://github.com/awesome-skills/mobile-app-design --skill mobile-app-design-standards

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill consolidates platform-native UI guidelines and accessibility practices to help designers produce consistent, accessible mobile interfaces across iOS and Android.

Core Features & Use Cases

  • Platform-Native Conventions for iOS and Android
  • Accessibility & WCAG compliant patterns
  • Performance & Design Systems guidance for React Native
  • Real-world examples and validation resources

Quick Start

Ask Claude to generate a mobile UI design plan that follows iOS and Android conventions and accessibility standards.

Frequently Asked Questions about Mobile App Design Standards

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

FAQPage Schema
What are the standard touch target sizes for iOS and Android mobile UI design?▼

Standard mobile UI design requires 44pt touch targets for iOS and 48dp for Android to ensure accessible interaction. These dimensions standardize cross-platform interfaces and prevent input errors during React Native feature prototyping.

How do I apply WCAG 2.1 AA color contrast standards to a React Native interface?▼

Apply WCAG 2.1 AA color contrast to React Native interfaces by validating color choices against accessibility guidelines during design reviews. This ensures mobile UI components meet compliance thresholds for visual readability across iOS and Android platforms.

How do I create a reusable design token system for cross-platform mobile applications?▼

Create a reusable design token system by standardizing spacing, typography, and color variables for cross-platform mobile applications. This consolidates platform-native UI guidelines into a unified style-guide for consistent iOS and Android interface planning.

Does this mobile UI design guidance work for both iOS and Android platform conventions?▼

Yes, this mobile UI design guidance consolidates platform-native conventions for both iOS and Android. It applies to cross-platform interface standardization, ensuring adherence to distinct platform patterns during style-guide creation and React Native development.

When do I need platform-specific design guidelines for mobile feature prototyping?▼

You need platform-specific design guidelines for mobile feature prototyping when standardizing cross-platform interfaces to ensure native UX consistency. Applying iOS and Android conventions during design reviews prevents inconsistent user experiences across distinct mobile platforms.

What is the best way to standardize mobile UI accessibility across iOS and Android?▼

The best way to standardize mobile UI accessibility is applying consolidated platform-native guidelines and WCAG 2.1 AA compliant patterns. This ensures consistent 44pt/48dp touch targets and accessible color contrast across iOS and Android interfaces.

Related Skills

Explore More Design & Creative Skills→
lucasxflucasxf
3

mobile-design-system

Generates mobile UI design system with color tokens, component recipes, and layout patterns.

Community
Intermediate
AdigunQAdigunQ

ui-mobile

Guide React Native mobile UI development with WCAG 2.1 AA accessibility standards.

Community
Intermediate
mokbhaimokbhai
1

frontend-design

Design frontend interfaces with Tailwind CSS v4 in Astro and React projects.

Community
Intermediate
paulojalowyjpaulojalowyj
6

mobile-design

Guide mobile-first design with iOS and Android platform conventions.

Community
Advanced