skills.rest
tuyenht
tuyenhtCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

Guide native mobile app design for iOS and Android platforms.

Updated Jan 31, 2026
Search Tags:#ui#performance#accessibility#mobile design#ux#ios design#android design
One-click install
npx skills add https://github.com/tuyenht/Antigravity-Core --skill mobile-design-tuyenht
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/tuyenht/Antigravity-Core/tree/main/.agent/skills/mobile-design
Command: npx skills add https://github.com/tuyenht/Antigravity-Core --skill mobile-design-tuyenht

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of creating mobile applications that are not only visually appealing but also performant, user-friendly, and adhere to platform-specific best practices, preventing common AI-generated anti-patterns.

Core Features & Use Cases

  • Mobile-First Thinking: Ensures designs prioritize mobile constraints and user behavior (touch, battery, network).
  • Platform Adherence: Guides development for iOS (HIG) and Android (Material Design) conventions.
  • Performance Optimization: Provides rules to avoid common performance pitfalls (e.g., ScrollView for lists, animation bottlenecks).
  • User Experience: Focuses on touch target sizes, thumb zone placement, and gesture discoverability.
  • Use Case: Designing a new e-commerce app's product listing screen, ensuring touch targets are large enough, images load efficiently, and the UI feels native on both iOS and Android.

Quick Start

Use the mobile-design skill to audit the user interface design for the attached mobile application prototype.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I design native mobile interfaces that adhere to iOS and Android guidelines?▼

To design native mobile interfaces, follow platform-specific design languages like HIG for iOS and Material Design for Android. This ensures your UI feels native, intuitive, and adheres to expected conventions on both platforms.

What are the best practices for mobile UX design regarding touch interactions?▼

Mobile UX design best practices include optimizing touch target sizes, placing interactive elements within the thumb zone, and ensuring gesture discoverability. These principles prevent user frustration and create highly accessible mobile experiences.

How can I optimize mobile app performance and avoid common UI bottlenecks?▼

Optimize mobile app performance by avoiding common pitfalls like using ScrollView for long lists and preventing animation bottlenecks. Implementing these rules ensures smooth, high-performance user interfaces without lag.

Do I need Python to audit mobile application prototypes for design anti-patterns?▼

Yes, you need a Python 3 environment to run this skill and audit mobile application prototypes. It uses scripts to evaluate your designs against mobile-first constraints, identifying common AI-generated anti-patterns.

What is mobile-first thinking and why is it important for app development?▼

Mobile-first thinking prioritizes mobile constraints and user behaviors like touch interaction, battery consumption, and network limitations. It is important because it prevents performance issues and ensures designs are user-centric.

Can I use this skill to audit an existing e-commerce app's product listing screen?▼

Yes, you can use this skill to audit existing mobile screens like an e-commerce product listing. It checks if touch targets are large enough, images load efficiently, and the UI feels native across platforms.

Related Skills

Explore More Design & Creative Skills→
marcusgollmarcusgoll
91

mockup-extraction

Extract reusable UI components from approved HTML mockups and map CSS to Tailwind utilities.

Community
Advanced
takapomtakapom

figma

Extract Figma design data and generate React Native components and design tokens.

Community
Advanced
tuliopc23tuliopc23

axiom-accessibility-diag

Diagnose iOS and macOS accessibility violations with remediation strategies and code examples.

Community
Advanced
williamzujkowskiwilliamzujkowski
17

react-native-mobile-development

Develop cross-platform mobile apps with React Native for iOS and Android.

Community
Intermediate