skills.rest
mrmps
mrmpsCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

Design mobile-first app interfaces with iOS HIG and Android Material Design conventions.

Updated Aug 23, 2026
Search Tags:#performance#accessibility#mobile design#ios#android#ux
One-click install
npx skills add https://github.com/mrmps/SMRY --skill mobile-design-mrmps
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/mrmps/SMRY/tree/main/.agents/skills/mobile-design
Command: npx skills add https://github.com/mrmps/SMRY --skill mobile-design-mrmps

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the complexities of mobile-first design, ensuring applications are intuitive, performant, and adhere to platform conventions across iOS and Android.

Core Features & Use Cases

  • Platform-Specific Design: Tailors UI/UX for iOS (HIG) and Android (Material Design).
  • Performance Optimization: Implements best practices for smooth animations, efficient lists, and battery-conscious design.
  • Touch Interaction Design: Ensures large, accessible touch targets and optimal thumb zone placement.
  • Use Case: When designing a new mobile app feature, this Skill guides the AI to consider platform conventions, optimize list performance with FlatList or ListView.builder, and ensure primary actions are easily reachable via thumb.

Quick Start

Design a mobile app screen for user profile editing, prioritizing iOS conventions and ensuring all touch targets are at least 44pt.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I design a mobile app screen that follows iOS and Android conventions?▼

Mobile design requires adhering to iOS Human Interface Guidelines (HIG) and Android Material Design. This ensures platform-specific UI/UX conventions are met, covering touch interaction psychology, navigation patterns, and accessibility standards for user-friendly mobile apps.

What is the minimum touch target size for accessible mobile design?▼

Accessible mobile design requires touch targets to be at least 44pt. This ensures large, accessible touch targets and optimal thumb zone placement, accommodating touch interaction psychology and accessibility standards for intuitive mobile applications.

How do I optimize mobile app performance for smooth animations and lists?▼

Mobile app performance optimization involves implementing best practices for smooth animations and battery-conscious design. For efficient lists, use platform-specific components like FlatList or ListView.builder to ensure smooth scrolling and efficient rendering in mobile applications.

Does this mobile design guidance cover both iOS and Android platforms?▼

Yes, this mobile design guidance covers both iOS and Android platforms. It tailors UI/UX by adhering to iOS HIG and Android Material Design guidelines, ensuring applications are intuitive, performant, and follow platform-specific conventions across both operating systems.

Why should I use mobile-first design principles for a new app feature?▼

Mobile-first design principles address the complexities of ensuring applications are intuitive and performant. They guide consideration of platform conventions, performance optimization with FlatList, and thumb zone placement, ensuring efficient and user-friendly mobile application development.

What are the limitations of designing mobile UI without following HIG or Material Design?▼

Ignoring HIG or Material Design limitations means missing platform-specific conventions, leading to non-intuitive mobile apps. Without these mobile design principles, touch interaction psychology, navigation patterns, and accessibility standards may be compromised, reducing user-friendliness.

Related Skills

Explore More Design & Creative Skills→
NaawaalNaawaal

app-architect

Coordinate multi-skill planning to produce phased execution roadmaps for app projects.

Community
Advanced
abd0-omarabd0-omar

mobile-design

Guide mobile-first design principles for iOS and Android app development.

Community
Advanced
GeargrindadminGeargrindadmin

mobile-design

Guide mobile-first design with iOS HIG and Android Material Design conventions.

Community
Advanced
f0d010cf0d010c
23

cross-platform-design

Translate shared UX/UI decisions into platform-native idioms for iOS, Android, Windows, and Web.

Community
Advanced