mobile-design

Provide mobile design guidelines for iOS and Android UX and accessibility.

Updated Feb 22, 2026

Search Tags:#cross-platform #ios #android #ux #design-thinking #mobile-design

Ready to run

npx skills add https://github.com/gelsonsimoes/wms-verticalparts --skill mobile-design-gelsonsimoes

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/gelsonsimoes/wms-verticalparts/tree/main/.agent/skills/mobile-design
Command: npx skills add https://github.com/gelsonsimoes/wms-verticalparts --skill mobile-design-gelsonsimoes

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Mobile teams frequently struggle to align on design patterns for iOS and Android, leading to inconsistent UX, wasted time, and missed accessibility opportunities.

Core Features & Use Cases

Guides anti-memorization and platform decomposition to ensure context-based decisions.
Provides a decision framework for navigation, typography, color, offline behavior, and performance across RN, Flutter, and native builds.
Use Case: when starting a new mobile project, sync design principles across teams to avoid default AI patterns and ensure a consistent user experience.

Quick Start

Study the mobile-design-thinking.md and related references, then perform the pre-work validation and craft a platform-aware design plan.

Frequently Asked Questions about mobile-design

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

FAQPage Schema

How do I align cross-platform mobile UX design patterns for iOS and Android?▼

Use a decision framework to establish mobile design thinking guidelines for offline behavior and performance, ensuring consistent UX across React Native, Flutter, and native builds. This framework guides anti-memorization and platform decomposition to sync principles and avoid default AI patterns across teams.

Does this mobile design framework work with React Native and Flutter?▼

Yes, the mobile design framework applies to React Native, Flutter, and native iOS and Android projects. It ensures navigation, typography, color, and offline behavior decisions align with platform conventions and performance considerations across these builds.

What is platform decomposition in mobile UX design?▼

Platform decomposition is a mobile design thinking approach that breaks down UI decisions into specific iOS and Android contexts. It prevents inconsistent UX by ensuring design patterns for navigation and typography are context-based rather than generic defaults.

How do I plan mobile accessibility and offline behavior for cross-platform apps?▼

Apply structured mobile design thinking guidelines to plan offline behavior and accessibility, evaluating performance and battery impacts for React Native and Flutter. This ensures offline states and accessibility features align with platform conventions.

When do I need structured mobile design thinking guidelines?▼

Use structured mobile design thinking guidelines when starting a new mobile project or when teams struggle to align iOS and Android design patterns. This prevents wasted time, avoids default AI patterns, and ensures consistent accessible experiences.