skills.rest
gelsonsimoes
gelsonsimoesCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/gelsonsimoes/wms-verticalparts --skill mobile-design-gelsonsimoes
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
alaminmainalaminmain

mobile-design

Guide mobile UX decisions for iOS and Android apps.

Community
Advanced
clovernguyen1010-ship-itclovernguyen1010-ship-it

ba-mobile-frontend-code-gen

Generate mobile frontend code from design specifications using Brand Guideline and Design System assets.

Community
Advanced
lionheartapplionheartapp

mobile-design

Enforce mobile-first UX patterns across iOS and Android interfaces.

Community
Advanced
pluginagentmarketplacepluginagentmarketplace
1

mobile-development

Build mobile apps for iOS, Android, and web with React Native or Flutter.

Community
Intermediate