mobile-design

Guide mobile app design with touch-first and platform-specific UX conventions.

Updated Aug 5, 2025
One-click install
npx skills add https://github.com/lehuuhau1231/TechJobs --skill mobile-design-lehuuhau1231
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/lehuuhau1231/TechJobs/tree/main/tech-job-client/.agent/skills/mobile-design
Command: npx skills add https://github.com/lehuuhau1231/TechJobs --skill mobile-design-lehuuhau1231

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires pypdf, pdfplumber, pdf2image, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the challenge of designing intuitive and efficient mobile user interfaces that account for touch interaction, performance constraints, and platform-specific conventions.

Core Features & Use Cases

  • Mobile-First Design Principles: Teaches design philosophy focusing on touch interaction, performance patterns, and platform conventions for iOS and Android apps.
  • UX Audit Tools: Provides scripts to perform mobile UX and touch audits.
  • Reference Files: Offers comprehensive guidelines on touch psychology, performance optimization, platform-specific design patterns, and best practices.
  • Framework Decision Trees: Helps determine the most suitable framework (React Native, Flutter, native) based on project requirements.
  • Offline Support Strategy: Discusses offline data synchronization and conflict resolution.

Quick Start

To initiate a mobile design audit for your project, execute the script: python scripts/mobile_audit.py <project_path>.

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 interface that follows iOS and Android platform conventions?

Performing a mobile UX audit requires running the mobile audit script with your project path as the argument. This script evaluates your application against touch interaction, performance, and platform-specific design conventions to identify usability gaps.

What is the best way to choose a mobile app framework like React Native, Flutter, or native?

The best way to choose a mobile app framework is by using framework decision trees. These decision trees evaluate your project requirements against the capabilities of React Native, Flutter, and native development to recommend the most suitable option.

Do I need prior mobile design knowledge to use this touch interaction and UX guidance?

Yes, you need prior knowledge of mobile design principles and user experience. This guidance provides comprehensive reference files and decision trees for touch interaction and performance optimization, but requires foundational mobile design knowledge to apply effectively.

How do I handle offline data synchronization and conflict resolution in mobile applications?

To handle offline data synchronization and conflict resolution, implement offline support strategies tailored for mobile applications. These strategies provide patterns for managing local data persistence and resolving synchronization conflicts when network connectivity is restored.

What are the key performance optimization patterns for mobile user experiences?

Key performance optimization patterns for mobile UX focus on minimizing load times and ensuring smooth touch interactions. They involve applying performance-centric design approaches that account for mobile device constraints and platform-specific rendering behaviors.