skills.rest
kriangkraiii
kriangkraiiiCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

Apply iOS and Android design standards to mobile interface layouts.

2|1|Updated Feb 7, 2026
Search Tags:#design#layout#platform#mobile#gesture#ux#touch targets
One-click install
npx skills add https://github.com/kriangkraiii/Game_E-commerce --skill mobile-design-kriangkraiii
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/kriangkraiii/Game_E-commerce/tree/main/shopping-cart-spring-boot-main/.agent/skills/mobile-design
Command: npx skills add https://github.com/kriangkraiii/Game_E-commerce --skill mobile-design-kriangkraiii

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidelines for designing mobile apps that respect platform conventions, improve usability, and optimize performance.

Core Features & Use Cases

  • Design Principles: Explains touch targets, thumb zones, and gesture alternatives to make mobile interactions intuitive.
  • Platform Best Practices: Covers iOS Human Interface Guidelines and Android Material Design standards.
  • Use Case: Use this skill to evaluate your app's layout and interaction patterns, ensuring your interface is user-friendly and leveraging platform strengths.

Quick Start

Apply the mobile design principles to review your layout and interaction models before starting development to ensure user comfort and platform conformity.

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 interfaces that follow iOS and Android platform conventions?▼

Design mobile interfaces by applying platform-specific standards like iOS Human Interface Guidelines and Android Material Design to ensure system conformity. This evaluates layout zones and interaction patterns to optimize usability and leverage platform strengths.

What are the best practices for touch targets and thumb zones in mobile UX?▼

Best practices for touch targets and thumb zones involve applying interaction ergonomics to make mobile interactions intuitive. Designing accessible touch targets within comfortable thumb reach improves user comfort and responsiveness.

How do I provide gesture alternatives for accessible mobile app design?▼

Provide gesture alternatives by applying design principles that ensure mobile interactions remain intuitive without relying solely on gestures. This approach enhances accessibility and usability across different user needs.

Does this mobile design approach work for both iOS and Android platforms?▼

Yes, this mobile design approach works for both iOS and Android by covering platform-specific standards and system conventions. It addresses interaction ergonomics and layout responsiveness to ensure conformity across both platforms.

When do I need to evaluate mobile layout zones and interaction patterns?▼

Evaluate mobile layout zones and interaction patterns before starting development to ensure user comfort and platform conformity. This review process identifies usability issues in touch targets and responsiveness early.

Why do my mobile app layouts feel unintuitive and hard to use?▼

Mobile app layouts feel unintuitive when they ignore interaction ergonomics, thumb zones, and platform-specific design standards. Applying touch target guidelines and system conventions resolves these usability challenges effectively.

Related Skills

Explore More Design & Creative Skills→
lucabattistinilucabattistini

design-structure

Design information hierarchy, layout logic, and interaction patterns for user interfaces.

Community
Intermediate
abd0-omarabd0-omar

mobile-design

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

Community
Advanced
DengNaichenDengNaichen
34

axiom-audit-accessibility

Detects WCAG accessibility violations and anti-patterns in Swift/SwiftUI codebases.

Community
Advanced
qodex-aiqodex-ai
39

mobile-app-interface

Designs native iOS interfaces and components with Expo and React Native using Apple's Human Interface Guidelines.

Official
Advanced