mobile-design

Guide mobile app design with platform-specific patterns and ergonomic principles.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/pglemos/GOLFFOX --skill mobile-design-pglemos
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/pglemos/GOLFFOX/tree/main/.agent/skills/mobile-design
Command: npx skills add https://github.com/pglemos/GOLFFOX --skill mobile-design-pglemos

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of designing mobile apps that are usable, performant, and accessible by providing structured guidance on principles, best practices, and platform-specific patterns.

Core Features & Use Cases

  • Design Principles & Psychology: Teaches touch interaction, thumb ergonomics, and cognitive load management for mobile users.
  • Platform-Specific Guidelines: Offers in-depth recommendations for iOS and Android design patterns, navigation, and typography.
  • Development Best Practices: Guides on performance optimization, accessibility, and secure, scalable architecture for mobile projects.
  • Use Case: A UI/UX designer preparing a mobile app prototype can follow this Skill to align their design with native user expectations and platform conventions.

Quick Start

Read this Skill to establish a comprehensive understanding of mobile design fundamentals before starting your project.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
What is mobile-first design and how does it improve app usability?

Mobile-first design prioritizes touch interaction, thumb ergonomics, and cognitive load management to create intuitive interfaces. It ensures mobile usability by aligning layouts with natural user behaviors and interaction psychology before scaling to larger screens.

How do I design mobile app interfaces that follow iOS and Android platform conventions?

Design mobile app interfaces by applying platform-specific guidelines for iOS and Android, including native navigation patterns, typography, and design components. This ensures the application meets native user expectations and adheres to established platform conventions.

What are the best practices for mobile accessibility and performance optimization?

Best practices for mobile accessibility and performance optimization include structuring interfaces for efficient touch interactions, minimizing cognitive load, and following secure, scalable architecture guidelines to maintain optimal mobile application speed and usability.

Can I use this mobile design guidance for both UI/UX prototyping and development?

Yes, UI/UX designers can use this guidance to align prototypes with native expectations, while developers can apply the development best practices for performance optimization, accessibility, and secure, scalable mobile architecture.

Why should I consider thumb ergonomics when designing mobile app navigation?

Considering thumb ergonomics in mobile app navigation ensures that interactive elements are easily reachable, reducing physical strain and cognitive load, which directly improves overall user interaction psychology and mobile usability.