skills.rest
marcusagm
marcusagmCOMMUNITY
Explore all skills by this author →
Website𝕏@marcusagmGitHub

mobile-design

Align mobile design decisions with structured thinking for iOS and Android projects.

4|Updated Jan 23, 2026
Search Tags:#accessibility#iOS#Android#design-thinking#mobile-design#ux-guidelines#platform-patterns
One-click install
npx skills add https://github.com/marcusagm/Mundam --skill mobile-design-marcusagm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/marcusagm/Mundam/tree/main/.agent/skills/mobile-design
Command: npx skills add https://github.com/marcusagm/Mundam --skill mobile-design-marcusagm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill helps teams align mobile design decision-making with structured thinking to avoid ad hoc patterns.

Core Features & Use Cases

  • Thumb-zone aware layouts that place primary actions where users can reach them comfortably.
  • Platform-aligned typography, color systems, and navigation patterns across iOS and Android.
  • Guidance for performance, accessibility, dark mode, and dynamic color to improve usability in real-world conditions.
  • Use case: When starting a new mobile app, run through the decision framework to determine which navigation pattern (tab bar vs drawer) best fits the team and device constraints.

Quick Start

Execute a design-thinking session using this skill to review a new mobile screen: identify primary actions, ensure touch targets meet 44-48pt/dp, check dark mode support, and align typography with platform scale.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I align mobile UX decisions with iOS HIG and Android Material Design guidelines?▼

Align mobile UX decisions by applying structured design-thinking to platform conventions, ensuring navigation, typography, and color systems adhere to iOS HIG and Android MD3 guidelines. This avoids ad hoc patterns and standardizes the user experience across projects.

What is the minimum touch target size for mobile accessibility compliance?▼

The minimum touch target size for mobile accessibility compliance is 44pt for iOS and 48dp for Android. Adhering to these dimensions during layout design ensures primary actions meet platform guidelines and remain comfortably tappable for all users.

How do I choose between a tab bar and a drawer for mobile app navigation?▼

Choose between a tab bar and a drawer by running a design-thinking decision framework that evaluates team constraints and device limitations. This structured approach determines which navigation pattern best fits your primary actions and thumb-zone placement needs.

Can I use structured design-thinking to prepare dark mode and dynamic type support?▼

Yes, you can use structured design-thinking to prepare dark mode and dynamic type support. This process ensures your color systems use semantic colors and your typography scales align with platform guidelines for real-world usability conditions.

Does this mobile design framework require specific UI component libraries or dependencies?▼

This mobile design framework requires no specific UI component libraries or dependencies. It operates as a standalone script providing structured guidance for thumb-zone layouts, safe area usage, and platform-aligned design decisions across iOS and Android.

Why should I use a structured framework instead of ad hoc patterns for mobile screen design?▼

Use a structured framework instead of ad hoc patterns to systematically address performance, accessibility, and safe area usage. This guarantees comprehensive coverage of platform conventions and thumb-zone placement, avoiding fragmented user experiences.

Related Skills

Explore More Design & Creative Skills→
gauravb4875-uxgauravb4875-ux

design-thinker

Apply design thinking frameworks to validate ideas and prioritize project directions.

Community
Intermediate
tomada1114tomada1114
4

designing-wireframes

Design ASCII wireframes and UX flows from detailed requirements.

Community
Basic
VGonPaVGonPa
2

mobile-visual-design

Define mobile visual design systems with spacing, typography, color, and dark mode tokens.

Community
Advanced
thinhtt264thinhtt264

android-accessibility

Audit Jetpack Compose UI for Android accessibility issues via prompt-driven checklists.

Community
Basic