mobile-design

Solid

Mobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, performance patterns, platform conventions. Teaches principles, not fixed values. Use when building React Native, Flutter, or native mobile apps.

Web & Frontend 27,681 stars 2854 forks Updated today MIT

Install

View on GitHub

Quality Score: 96/100

Stars 20%

100

Recency 20%

100

Frontmatter 20%

Documentation 15%

100

Issue Health 10%

License 10%

100

Description 5%

100

Skill Content

# Mobile Design System > **Philosophy:** Touch-first. Battery-conscious. Platform-respectful. Offline-capable. > **Core Principle:** Mobile is NOT a small desktop. THINK mobile constraints, ASK platform choice. --- ## 🔧 Runtime Scripts **Execute these for validation (don't read, just run):** | Script | Purpose | Usage | |--------|---------|-------| | `scripts/mobile_audit.py` | Mobile UX & Touch Audit | `python scripts/mobile_audit.py <project_path>` | --- ## 🔴 MANDATORY: Read Reference Files Before Working! **⛔ DO NOT start development until you read the relevant files:** ### Universal (Always Read) | File | Content | Status | |------|---------|--------| | **[mobile-design-thinking.md](mobile-design-thinking.md)** | **⚠️ ANTI-MEMORIZATION: Forces thinking, prevents AI defaults** | **⬜ CRITICAL FIRST** | | **[touch-psychology.md](touch-psychology.md)** | **Fitts' Law, gestures, haptics, thumb zone** | **⬜ CRITICAL** | | **[mobile-performance.md](mobile-performance.md)** | **RN/Flutter performance, 60fps, memory** | **⬜ CRITICAL** | | **[mobile-backend.md](mobile-backend.md)** | **Push notifications, offline sync, mobile API** | **⬜ CRITICAL** | | **[mobile-testing.md](mobile-testing.md)** | **Testing pyramid, E2E, platform-specific** | **⬜ CRITICAL** | | **[mobile-debugging.md](mobile-debugging.md)** | **Native vs JS debugging, Flipper, Logcat** | **⬜ CRITICAL** | | [mobile-navigation.md](mobile-navigation.md) | Tab/Stack/Drawer, deep linking | ⬜ Read | | [mobile-...

Details

Author: davila7
Repository: davila7/claude-code-templates
Created: 11 months ago
Last Updated: today
Language: Python
License: MIT

Integrates with

Anthropic · AI

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

mobile-design

Mobile-first design and engineering doctrine for iOS and Android apps. Covers touch interaction, performance, platform conventions, offline behavior, and mobile-specific decision-making. Teaches principles and constraints, not fixed layouts. Use for React Native, Flutter, or native mobile apps.

335 Updated today

aiskillstore

Web & Frontend Listed

mobile-first-design

Designs responsive interfaces starting from mobile screens with progressive enhancement for larger devices. Use when building responsive websites, optimizing for mobile users, or implementing adaptive layouts.

160 Updated 2 weeks ago

secondsky

Web & Frontend Solid

mobile-games

Mobile game development principles. Touch input, battery, performance, app stores.

27,681 Updated today

davila7

AI & Automation Solid

mobile-design

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

39,227 Updated today

sickn33

AI & Automation Listed

mobile-app-designer

Use when designing or refining Expo Go React Native screens in apps/mobile, with separate iOS and Android considerations, to keep the UI minimalist, performant, and aligned with the shared native design system.

5 Updated today

conectlens