One-click install
npx skills add https://github.com/phuonghx/aim-cli --skill mobile-design-phuonghx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/phuonghx/aim-cli/tree/main/aim/templates/aim-agents/skills/mobile-design
Command: npx skills add https://github.com/phuonghx/aim-cli --skill mobile-design-phuonghx

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive guidance for designing and building mobile app interfaces on iOS and Android, including React Native and Flutter projects. It helps optimize for touch interaction, on-device performance, platform conventions, navigation, and offline behavior, reducing context drift and improving usability.

Core Features & Use Cases

  • Guidance for Mobile Design: Offers best practices for designing intuitive interfaces, considering touch interaction, platform conventions, and offline behavior.
  • Reference Files: Provides in-depth information on touch psychology, mobile performance, backend patterns, and debugging tips.
  • Validation Scripts: Includes scripts for auditing touch, performance, and platform issues in React Native and Flutter projects.
  • Decision Trees: Assists in choosing the right framework, state management, storage, offline strategy, and authentication for mobile apps.

Quick Start

Use the mobile-design skill to scan the source code of your mobile app with the 'mobile_audit.py' script and identify potential issues.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I optimize mobile app performance for touch interaction and offline behavior?

To optimize mobile app performance, apply expert guidelines for touch interaction, offline behavior, and platform conventions. You can use validation scripts to audit source code and identify performance issues in React Native and Flutter projects.

What is the best way to choose a state management and offline strategy for a mobile app?

The best way to choose a state management and offline strategy is using decision trees that evaluate your framework, storage needs, and authentication requirements. This ensures your mobile app maintains usability and performance optimization.

Can I audit my React Native or Flutter project for platform convention issues?

Yes, you can audit React Native or Flutter projects for platform convention issues by running the mobile audit script. It scans your source code to detect problems related to touch interaction, performance, and platform conventions.

How do mobile design guidelines improve iOS and Android navigation and usability?

Mobile design guidelines improve iOS and Android navigation by providing best practices for platform conventions and touch psychology. This reduces context drift and helps you build intuitive interfaces that align with on-device performance expectations.

Why does my mobile app suffer from context drift and poor offline behavior?

Your mobile app suffers from context drift and poor offline behavior when design lacks proper offline strategy and storage decisions. Applying mobile design best practices and decision trees helps optimize offline behavior and overall usability.