mobile-design

Apply mobile design thinking best practices for iOS, Android, React Native, and Flutter projects.

Updated Aug 23, 2026

Search Tags:#accessibility #mobile #cross-platform #ux #design-thinking #touch

Ready to run

npx skills add https://github.com/bibekshrestha77/VehicleRent --skill mobile-design-bibekshrestha77

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/bibekshrestha77/VehicleRent/tree/main/VehicleRentingSystem/.agent/skills/mobile-design
Command: npx skills add https://github.com/bibekshrestha77/VehicleRent --skill mobile-design-bibekshrestha77

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a structured, anti-memorization approach to mobile design, guiding teams to think critically about platform differences, accessibility, performance, and navigation before diving into implementation.

Core Features & Use Cases

Anti-memorization thinking prioritized to prevent AI defaults and encourage context-aware decisions.
Platform-specific guidance for iOS and Android, plus cross-platform considerations for React Native and Flutter.
Reference materials covering design thinking, touch psychology, performance, navigation, typography, color systems, and backend/mobile patterns.
Pre-development checkpoints, decision trees, and quick reference guides to align teams on best practices.

Quick Start

Review the mobile-design-thinking.md and related reference files, then apply the guidelines to your mobile project.

Frequently Asked Questions about mobile-design

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

FAQPage Schema

What is mobile design thinking and when do I need it for cross-platform apps?▼

Mobile design thinking is a structured approach to making context-aware UX decisions for iOS, Android, and cross-platform apps. You need it to ensure touch-first interactions, platform-appropriate navigation, and performance-conscious design before implementation begins.

How do I apply platform-specific typography and color systems for iOS and Android?▼

Apply platform-specific typography and color systems by using reference materials and guided checklists that enforce platform conventions. This ensures your mobile UX remains native-feeling and accessible across iOS, Android, React Native, and Flutter projects.

Does this mobile UX approach work with React Native and Flutter projects?▼

Yes, this mobile UX approach explicitly supports React Native and Flutter projects. It provides cross-platform considerations and decision trees to align design choices with platform-specific constraints, performance requirements, and accessibility standards.

What's the best way to prevent AI design defaults when building mobile interfaces?▼

The best way to prevent AI design defaults is using an anti-memorization thinking approach with pre-development checkpoints. This encourages critical, context-aware decisions for touch psychology, navigation patterns, and platform conventions instead of relying on generic outputs.

How do I ensure touch-first accessibility and performance constraints are met in mobile design?▼

Ensure touch-first accessibility and performance constraints are met by applying guided checklists covering touch psychology, backend mobile patterns, and performance limits. This enforces context-aware decisions aligned with platform-specific conventions.