skills.rest
jfrometa
jfrometaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

mobile-design

Guide mobile design decisions for iOS and Android apps.

Updated Aug 30, 2024
Search Tags:#design thinking#mobile design#iOS#Android#ux#platform guidelines
One-click install
npx skills add https://github.com/jfrometa/esquizo --skill mobile-design-jfrometa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/jfrometa/esquizo/tree/main/.agent/skills/mobile-design
Command: npx skills add https://github.com/jfrometa/esquizo --skill mobile-design-jfrometa

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Mobile design decisions are often hampered by platform fragmentation, inconsistent patterns, and lack of structured thinking. This Skill provides a structured, platform-aware framework to guide design decisions for iOS and Android, enabling teams to deliberate before coding.

Core Features & Use Cases

  • Guided thinking about iOS vs Android differences, thumb zones, and performance constraints.
  • Decision matrices and checklists for platform decisions, navigation patterns, offline strategy, color systems, and typography.
  • Reference materials and templates (design thinking, mobile psychology, performance, testing) that can be loaded into context during activation.
  • Use Case: When starting a new mobile app, use this Skill to determine the appropriate framework (RN, Flutter, or native) and core UX choices.
  • Use Case: For redesigns, audit existing flows against best practices and generate targeted improvements.

Quick Start

Read the skill's reference materials and run the included audit script to guide your mobile project decisions, then consult the references for decision trees and platform guidelines.

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 apps with a platform-native feel for iOS and Android?▼

Design mobile apps with a native feel by applying platform-specific UX patterns, thumb zone considerations, and platform guidelines using structured decision matrices for iOS and Android.

What is the best way to choose navigation patterns and color systems for a new mobile app?▼

The best way to choose mobile navigation and color systems is using structured decision frameworks and checklists that evaluate platform-specific constraints, offline strategy, and typography.

Can I use this framework to audit existing mobile app flows against best practices?▼

Yes, you can audit existing mobile app flows by running the included audit script and checking current designs against decision trees and reference materials for targeted improvements.

Does this mobile design guidance work for React Native, Flutter, and native development?▼

Yes, the mobile design guidance applies to React Native, Flutter, and native development by focusing on performance-focused design constraints and platform-aware UX patterns.

How do I decide between iOS vs Android differences when planning a mobile app redesign?▼

Decide iOS vs Android differences during redesigns by loading comprehensive decision frameworks into context, auditing existing flows against platform guidelines, and generating targeted improvements.

What limitations exist when applying mobile design thinking to early product discovery?▼

The mobile design thinking framework is limited to guiding design decisions, UX patterns, and performance considerations; it does not generate code or replace actual implementation in React Native, Flutter, or native environments.

Related Skills

Explore More Design & Creative Skills→
alaminmainalaminmain

mobile-design

Guide mobile UX decisions for iOS and Android apps.

Community
Advanced
BenWork17BenWork17

mobile-design

Coordinate platform-aware mobile design decisions for React Native, Flutter, or native projects.

Community
Advanced
lchenriquelchenrique

mobile-design

Audit mobile apps for thumb-friendly, accessible, and battery-aware UX patterns.

Community
Advanced
Tai-ch0802Tai-ch0802
2

mobile-design

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

Community
Advanced