skills.rest
Tai-ch0802
Tai-ch0802COMMUNITY
Explore all skills by this author →
WebsiteGitHub

mobile-design

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

2|Updated Jan 29, 2026
Search Tags:#ui#performance#accessibility#mobile design#ios#android#ux
One-click install
npx skills add https://github.com/Tai-ch0802/skills-bundle --skill mobile-design-tai-ch0802
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/Tai-ch0802/skills-bundle/tree/main/i18n/zh-TW/mobile-design
Command: npx skills add https://github.com/Tai-ch0802/skills-bundle --skill mobile-design-tai-ch0802

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps you design and build mobile applications with a focus on user experience, performance, and platform best practices, moving beyond web-centric defaults.

Core Features & Use Cases

  • Platform-Specific Design: Tailor UI/UX for iOS and Android conventions.
  • Performance Optimization: Ensure smooth animations, fast loading, and efficient resource usage.
  • Usability Focus: Implement intuitive navigation, touch-friendly interfaces, and accessibility.
  • Use Case: Designing a new e-commerce app, ensuring the checkout process is seamless on both iOS and Android, with clear touch targets and fast loading times.

Quick Start

Use the mobile-design skill to audit the user interface of the provided mobile app project for adherence to platform guidelines and touch interaction best practices.

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 UI that follows iOS and Android conventions?▼

Designing native mobile apps requires applying Apple's HIG for iOS and Material Design for Android conventions. This ensures the mobile app interface feels intuitive, platform-appropriate, and adheres to user expectations on each platform.

What is mobile-first design thinking and when do I need it?▼

Mobile-first design thinking is an approach prioritizing touch interaction psychology, core functionality, and performance optimization for smaller screens. You need it when building native mobile applications to move beyond web-centric defaults and create user-centric experiences.

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

Optimize mobile app performance by ensuring smooth animations, fast loading times, and efficient resource usage. This involves applying platform-specific best practices for iOS and Android to minimize latency and maximize interface responsiveness during user interactions.

How do I implement accessibility and touch-friendly interfaces in mobile design?▼

Implement accessibility and touch-friendly interfaces by following mobile design best practices for touch interaction psychology and clear navigation patterns. Ensure adequate touch target sizes and accessible UI components to create usable native mobile applications for all users.

Can I use mobile design guidelines to audit an existing mobile app project?▼

Yes, you can audit an existing mobile app project by checking its user interface against platform-specific guidelines and touch interaction best practices. This process evaluates adherence to iOS and Android conventions, performance, and accessibility standards.

Related Skills

Explore More Design & Creative Skills→
truchottruchot
2

direction-artistique

Define visual identity, brand language, and governance for projects.

Community
Advanced
besync-labsbesync-labs
7

mobile-design

Design mobile UI/UX patterns for iOS and Android in React Native/Expo.

Community
Intermediate
lciaccilciacci

ui-mobile

Design accessible mobile interfaces with 44-point touch targets and WCAG contrast.

Community
Intermediate
melikhanmutlumelikhanmutlu

mobile-design

Design mobile UI/UX patterns for iOS and Android apps.

Community
Advanced