Agent skill · design visual · davila7
mobile-design
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.
Why this skill is useful
Provides domain-specific knowledge on mobile design principles and validation scripts that the AI wouldn't reliably generate on its own.
What it needs
Requires python installed locally. About 8k tokens when loaded. Last updated 2026-08-06. 30,138 stars on the source repository.
What this skill does
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/mobileaudit.py Mobile UX & Touch Audit python scripts/mobileaudit.py <projectpath> --- 🔴 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 ⚠️ ANTI-MEMORIZATION: Forces thinking, prevents AI defaults ⬜ CRITICAL FIRST touch-psychology.md Fitts' Law, gestures, haptics, thumb zone ⬜ CRITICAL mobile-performance.md RN/Flutter performance, 60fps, memory ⬜ CRITICAL mobile-backend.md Push notifications, offline sync, mobile API ⬜ CRITICAL mobile-testing.md Testing pyramid, E2E, platform-specific ⬜ CRITICAL mobile-debugging.md Native vs JS debugging, Flipper, Logcat ⬜ CRITICAL mobile-navigation.md Tab/Stack/Drawer, deep linking ⬜ Read mobile-typography.md System fonts, Dynamic Type, a11y ⬜ Read mobile-color-system.md OLED, dark mode, battery-aware ⬜ Read decision-trees.md Framework/state/storage selection ⬜ Read 🧠 mobile-design-thinking.md is PRIORITY! This file ensures AI thinks instead of using memorized patterns. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills davila7/mobile-design