mobile-design

(Mobile-First · Touch-First · Platform-Respectful)

38,047stars6,218forksUpdated 5/20/2026

Testing & QA #react-native #risk-assessment #ui-ux #flutter #testing #mobile-design

Security Assessment

Safe(100/100)

Security Score100/100

About mobile-design

The 'mobile-design' skill is a comprehensive framework aimed at guiding designers and developers in creating mobile applications that are truly optimized for handheld devices. It addresses the common problem of 'desktop-thinking'—where mobile designs are treated as scaled-down versions of desktop applications—and helps prevent AI-generated assumptions that may not align with mobile constraints. By emphasizing touch-first interactions, battery efficiency, offline capability, and platform respect, this skill ensures that mobile solutions are practical, user-friendly, and performant across different device types and operating systems.

Key features of the skill include the Mobile Feasibility & Risk Index (MFRI), a scoring system that evaluates potential risks and constraints across platform clarity, interaction complexity, performance, offline dependence, and accessibility. It also enforces a rigorous pre-development checklist, prompting teams to clarify platform, framework, navigation, offline requirements, device targets, and audience before starting work. The skill mandates reference reading across critical mobile topics, such as touch psychology, performance optimization, offline sync, testing, and debugging. This ensures that developers consider essential mobile principles, from gestures and navigation to battery and memory constraints, before implementation.

This skill is particularly useful for mobile application designers, product managers, and development teams working on iOS, Android, or cross-platform applications. It is suitable for projects targeting consumer, enterprise, and accessibility-focused users, ensuring inclusivity and usability. Use cases include evaluating new features, performing risk assessments for mobile workflows, guiding design decisions under mobile constraints, and creating performance-conscious mobile applications. Overall, it serves as a proactive system to reduce errors, improve user experience, and maintain mobile best practices across all stages of app development.

FAQ

How do I calculate the Mobile Feasibility & Risk Index (MFRI)?

The MFRI is calculated using the formula: MFRI = (Platform Clarity + Accessibility Readiness) − (Interaction Complexity + Performance Risk + Offline Dependence), with scores ranging from -10 to +10. The resulting value indicates whether a feature is safe, moderate, risky, or dangerous to implement.

Which platforms are supported by this skill?

The skill is designed to work with iOS, Android, or both. It emphasizes clarifying the target platform before beginning design or development to ensure platform-specific constraints and patterns are respected.

Are there required resources to use this skill effectively?

Yes, the skill enforces mandatory reference reading, including files on mobile design thinking, touch psychology, performance, backend handling, testing, and debugging. These resources are required to understand key mobile principles before implementation.

Can I default to my preferred framework or navigation pattern?

No. The skill explicitly requires asking and confirming the platform, framework, navigation, offline requirements, device targets, and audience before proceeding. Default assumptions are discouraged to avoid unsafe or non-optimal mobile designs.

Does the skill support both phones and tablets?

Yes, but it requires explicit clarification of the target devices, as layout, density, and user interaction patterns may differ between phones and tablets.