mobile-design

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

Updated Jan 12, 2026
One-click install
npx skills add https://github.com/BenWork17/VeXeViet --skill mobile-design-benwork17
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/BenWork17/VeXeViet/tree/main/.agent/skills/mobile-design
Command: npx skills add https://github.com/BenWork17/VeXeViet --skill mobile-design-benwork17

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Designing mobile apps across iOS and Android often drifts into generic patterns that fail to respect platform conventions. This skill provides a structured thinking framework to ensure mobile UX decisions are contextual, platform-aware, and future-proof.

Core Features & Use Cases

  • Platform-aware thinking for iOS and Android
  • Anti-pattern checks, platform references, and decision trees
  • Pre-development governance to align team on navigation, typography, color, performance, and offline behavior

Quick Start

Begin by reading mobile-design-thinking.md and mobile-navigation.md to ground decisions before implementation.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I prevent generic mobile UX patterns when designing for both iOS and Android?

To prevent generic mobile UX patterns, apply a structured platform-aware thinking framework that uses decision trees and anti-pattern checklists to enforce contextual iOS and Android conventions before development begins.

What is platform-aware mobile design thinking?

Platform-aware mobile design thinking is a structured framework that ensures UX decisions for iOS and Android remain contextual and future-proof by consulting platform-specific references, navigation patterns, and offline behavior guidelines prior to implementation.

How do I align my team on mobile navigation and typography decisions before development starts?

Align your team on mobile navigation and typography by applying pre-development governance that uses decision trees and platform-specific references to guide contextual UX choices and prevent one-size-fits-all patterns during cross-platform implementation.

Does this mobile design framework work with React Native and Flutter projects?

Yes, this mobile design framework works with React Native, Flutter, and native mobile projects by coordinating platform-aware UX decisions for navigation, performance, and offline behavior across diverse cross-platform codebases.

When do I need to use a decision tree for mobile app design?

You need to use a decision tree for mobile app design when navigating complex platform-specific choices for iOS and Android, ensuring that typography, color, and offline behavior respect native conventions rather than drifting into generic patterns.

Why does cross-platform mobile app design often fail to respect platform conventions?

Cross-platform mobile app design often fails to respect platform conventions because teams drift into one-size-fits-all patterns; a structured framework with anti-pattern checks enforces platform-specific references before implementation begins.