skills.rest
ZiadNagar
ZiadNagarCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

mobile-design

Apply mobile design thinking frameworks for platform-native iOS and Android UX decisions.

Updated Mar 8, 2026
Search Tags:#accessibility#navigation#ux#dark-mode#design-thinking#mobile-design#platform-patterns
One-click install
npx skills add https://github.com/ZiadNagar/zeVillage-AI-Toolkit --skill mobile-design-ziadnagar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/ZiadNagar/zeVillage-AI-Toolkit/tree/main/skills/mobile-design
Command: npx skills add https://github.com/ZiadNagar/zeVillage-AI-Toolkit --skill mobile-design-ziadnagar

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Mobile design teams struggle with producing platform-native, accessible, and high-performance UX while avoiding common AI memorization traps. This Skill provides a comprehensive design-thinking framework, anti-patterns, and decision trees to guide mobile projects from ideation to delivery.

Core Features & Use Cases

  • Decision trees for platform selection, state management, navigation, storage, offline, authentication, and templates tailored for iOS/Android/native patterns.
  • Checklists, anti-patterns, and context-based guidance to prevent common design and engineering missteps.
  • Real-world usage: plan a React Native or Flutter mobile app that adapts to dark mode, dynamic color, responsive typography, and platform conventions.

Quick Start

Start by reading the mobile-design.md to apply platform-specific design thinking and decision trees to your project.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
What is a mobile design thinking framework for platform-native UX?▼

This Skill provides a mobile design thinking framework with decision trees for navigation, typography, color, and performance to build platform-native mobile UX that feels native and fast.

How do I plan a React Native app that adapts to dark mode and responsive typography?▼

Apply the mobile design framework's decision trees and anti-patterns to plan React Native or Flutter apps, guiding adaptive dark mode, dynamic color, responsive typography, and platform convention implementations.

Can I use this mobile design framework for both iOS and Android platform patterns?▼

Yes, the framework provides platform-specific decisions for both iOS and Android, covering navigation, state management, storage, offline support, and authentication templates.

What are common anti-patterns in mobile UX design and how do I avoid them?▼

The framework includes anti-patterns and context-based guidance to prevent common mobile design and engineering missteps, helping teams avoid AI memorization traps and performance bottlenecks.

Does this mobile UX framework require any specific dependencies or setup?▼

No dependencies are required. You start by reading the mobile-design.md guidance to apply platform-specific design thinking and decision trees directly to your project.

When should I use decision trees for mobile navigation and state management?▼

Use the decision trees when you need to make platform-specific choices for navigation, state management, storage, offline capabilities, and authentication to ensure native performance and accessibility.

Related Skills

Explore More Design & Creative Skills→
jangtrinhjangtrinh

mobile-design

Guide platform-aware mobile UX decisions for iOS and Android.

Community
Advanced
Sir-chawakornSir-chawakorn
33

mobile-development

Provide code patterns for React Native and Flutter mobile app development.

Community
Intermediate
DriveConnect-alphaDriveConnect-alpha
1

mobile-design

Codify mobile UX design patterns for iOS and Android apps.

Official
Advanced
BenWork17BenWork17

mobile-design

Coordinate platform-aware mobile design decisions for React Native, Flutter, or native projects.

Community
Advanced