mobile-design

Installation
Summary

Mobile-first design doctrine preventing desktop thinking, unsafe assumptions, and AI defaults in iOS and Android development.

  • Enforces mandatory platform clarity (iOS, Android, or both) and framework selection before any design or implementation work begins
  • Provides Mobile Feasibility & Risk Index (MFRI) scoring system to assess feature viability across platform clarity, interaction complexity, performance, offline dependence, and accessibility
  • Bans 15+ common anti-patterns across performance (ScrollView for lists, inline renders, console.log in production), touch UX (sub-44px targets, gesture-only actions), and security (tokens in AsyncStorage, hardcoded secrets)
  • Includes platform-specific conventions matrix, Fitts' Law guidance for touch interaction, and required code patterns for React Native (FlatList with memo/useCallback) and Flutter (const widgets)
  • Mandates completion of mobile checkpoint and release readiness checklist covering touch targets, offline handling, secure storage, list optimization, and low-end device testing
SKILL.md

Mobile Design System

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

Philosophy: Touch-first. Battery-conscious. Platform-respectful. Offline-capable. Core Law: Mobile is NOT a small desktop. Operating Rule: Think constraints first, aesthetics second.

This skill exists to prevent desktop-thinking, AI-defaults, and unsafe assumptions when designing or building mobile applications.


1. Mobile Feasibility & Risk Index (MFRI)

Before designing or implementing any mobile feature or screen, assess feasibility.

MFRI Dimensions (1–5)

Dimension Question
Related skills
Installs
2.3K
GitHub Stars
37.3K
First Seen
Jan 20, 2026