skills.rest
OmarMira
OmarMiraCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

Guide mobile-first design for iOS and Android applications.

Updated Dec 24, 2025
Search Tags:#performance#mobile design#ios#android#flutter#react native#ux
One-click install
npx skills add https://github.com/OmarMira/Coontabilidad --skill mobile-design-omarmira
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/OmarMira/Coontabilidad/tree/main/.agent/skills/mobile-design
Command: npx skills add https://github.com/OmarMira/Coontabilidad --skill mobile-design-omarmira

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of designing mobile applications that are not only visually appealing but also highly functional, performant, and user-friendly across different platforms and devices. It guides against common AI defaults and enforces platform-specific best practices.

Core Features & Use Cases

  • Platform-Specific Design: Tailors design decisions for iOS and Android conventions.
  • Performance Optimization: Guides against common performance pitfalls in React Native and Flutter.
  • User Interaction Focus: Emphasizes touch targets, gestures, and cognitive load.
  • Use Case: When building a new feature for a cross-platform app, use this Skill to ensure the design adheres to both iOS Human Interface Guidelines and Android Material Design, while also optimizing for smooth scrolling and responsive touch interactions.

Quick Start

Use the mobile-design skill to analyze the design requirements for a new e-commerce app targeting both iOS and Android.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I design mobile app interfaces that feel native on both iOS and Android?▼

Design mobile app interfaces for both platforms by following iOS Human Interface Guidelines and Android Material Design conventions, ensuring touch targets, gestures, and platform-specific navigation patterns align with user expectations for each operating system.

What are the best practices for optimizing scrolling performance in React Native and Flutter?▼

Optimize scrolling performance in React Native and Flutter by applying mobile-first design patterns that minimize cognitive load, reduce unnecessary re-renders, and enforce smooth touch interaction principles to avoid common performance pitfalls in cross-platform apps.

How do touch interaction principles affect mobile UX design?▼

Touch interaction principles shape mobile UX design by dictating appropriate touch target sizes, gesture recognition areas, and responsive feedback, which together reduce user friction and cognitive load when navigating mobile applications.

Can I use mobile-first design thinking for cross-platform app development?▼

You can apply mobile-first design thinking to cross-platform app development using frameworks like React Native or Flutter, as it focuses on universal principles rather than fixed values, ensuring intuitive experiences across different mobile devices.

Why does my cross-platform mobile app design feel inconsistent across different devices?▼

Cross-platform mobile app designs often feel inconsistent when they ignore platform-specific conventions, apply fixed values instead of responsive principles, or fail to account for varying touch interaction norms and performance patterns unique to iOS and Android.

Related Skills

Explore More Design & Creative Skills→
bcastelinobcastelino
2

mobile-games

Guide mobile game development covering touch input, battery, thermals, and app store requirements.

Community
Intermediate
skinred78skinred78
1

mobile-development

Guide mobile app development across React Native, Flutter, and native frameworks.

Community
Advanced
AdigunQAdigunQ

ui-testing

Verify UI accessibility and visual states with ESLint and Playwright.

Community
Intermediate
faw01faw01
18

building-native-ui

Implement native-feeling mobile UI with Expo Router and platform-specific components.

Community
Intermediate