skills.rest
rafaelminatto1
rafaelminatto1COMMUNITY
Explore all skills by this author →
GitHub

mobile-design

Apply mobile design thinking protocols for iOS and Android UX decisions.

Updated Sep 2, 2025
Search Tags:#design#performance#accessibility#mobile#ux#ui-patterns
One-click install
npx skills add https://github.com/rafaelminatto1/fisioflow-51658291 --skill mobile-design-rafaelminatto1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/rafaelminatto1/fisioflow-51658291/tree/main/.agent/skills/mobile-design
Command: npx skills add https://github.com/rafaelminatto1/fisioflow-51658291 --skill mobile-design-rafaelminatto1

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Mobile teams often struggle to design across iOS and Android without a clear thinking framework, leading to inconsistent UX decisions and rework. This Skill provides a mobile-first design thinking protocol that helps teams surface platform-specific patterns early and align on navigation, typography, color, and performance considerations.

Core Features & Use Cases

  • Guided mobile design thinking process that forces context-based reasoning before jumping into code.
  • Platform-specific heuristics for iOS and Android covering navigation, typography, color, and accessibility.
  • Checklists and decision trees that streamline pre-development planning for React Native, Flutter, or native apps.
  • Real-world scenarios and templates to quickly scaffold mobile UX decisions and guardrails.

Quick Start

Apply the design thinking protocol to a new mobile app by running the pre-work checklist and drafting platform-specific UX decisions.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I design consistent cross-platform UX for iOS and Android?▼

Cross-platform mobile UX design requires a mobile-first thinking protocol to surface platform-specific patterns early. This Skill enforces platform-aware guardrails and decision trees to align navigation, typography, and color choices across iOS and Android.

What's the best way to plan mobile app accessibility and performance before development?▼

Planning mobile accessibility and performance involves running pre-development checklists and applying design thinking protocols. This Skill provides guided templates to scaffold UX decisions and enforce guardrails across React Native, Flutter, and native platforms.

Do I need a specific framework to apply mobile-first UX design patterns?▼

No, mobile-first UX design patterns apply universally across React Native, Flutter, and native iOS or Android. The Skill provides framework-agnostic heuristics and decision trees to guide typography, color, and navigation choices.

Why does my mobile UI design break when porting from iOS to Android?▼

Mobile UI breaks during porting due to one-size-fits-all patterns lacking platform-aware guardrails. This Skill enforces context-based reasoning and platform-specific heuristics for navigation and typography to minimize risky inconsistencies and rework.

Does this mobile UX design process support React Native and Flutter projects?▼

Yes, the mobile UX design process fully supports React Native and Flutter projects. It provides platform-specific heuristics and pre-development checklists to streamline UX decisions and guardrails across these cross-platform frameworks.

How do I establish mobile design guardrails for typography and color?▼

Establishing mobile design guardrails involves applying platform-specific heuristics and decision trees for typography and color. This Skill guides context-based reasoning to enforce accessibility and performance considerations before development.

Related Skills

Explore More Design & Creative Skills→
Tai-ch0802Tai-ch0802
2

mobile-design

Provide iOS and Android mobile app design guidelines and best practices.

Community
Advanced
Arbab1308Arbab1308

mobile-design

Analyze mobile UX challenges and guide platform-aware design decisions.

Community
Advanced
xaderlagguixaderlaggui
3

app-ui-design

Design accessible mobile UI systems for iOS and Android.

Community
Advanced
Charles5277Charles5277

ui-ux-pro-max

Generate UI/UX design systems and guidelines from multi-domain inputs.

Community
Advanced