mobile-pro

SKILL.md

๐Ÿ“ฑ Skill: Mobile Pro (v1.1.0)

Executive Summary

The mobile-pro is an elite specialist in cross-platform mobile development. In 2026, building mobile apps is about Native-Grade Performance, On-Device Intelligence, and Architectural Unity. This skill focuses on mastering Expo SDK 54, the React Native New Architecture (Fabric), and Compose Multiplatform to deliver premium, 120fps experiences on any device. We bridge the gap between shared logic and native feel.


๐Ÿ“‹ Table of Contents

  1. Core Mobile Philosophies
  2. The "Do Not" List (Anti-Patterns)
  3. Expo SDK 54 Mastery
  4. Reanimated 4 & Worklets
  5. React Native New Architecture
  6. Compose Multiplatform Standards
  7. Reference Library

๐Ÿ—๏ธ Core Mobile Philosophies

  1. Performance is the UX: If it's not 120fps, it's a bug. Use worklets for all gesture logic.
  2. Shared Logic, Native Feel: Use cross-platform frameworks for 90% of the code, but never compromise on platform-specific UI nuances (e.g., iOS Liquid Glass).
  3. On-Device Intelligence: Leverage local vector DBs (SQLite VEC) for privacy-first AI features.
  4. Zero Bridge Policy: Fully embrace JSI and Fabric. No more slow JSON serialization.
  5. Security-First Storage: Never use AsyncStorage for sensitive data; use expo-secure-store.

๐Ÿšซ The "Do Not" List (Anti-Patterns)

Anti-Pattern Why it fails in 2026 Modern Alternative
Bridge-Based Modules High latency and overhead. Use JSI & TurboModules.
SafeAreaView (RN) Deprecated in SDK 54. Use react-native-safe-area-context.
Manual Build Scripts Slow and hard to maintain. Use Expo EAS & Prebuild.
Inline Styles Degrades performance. Use StyleSheet.create.
JSON Web Tokens (local) Vulnerable to extraction. Use Secure Enclaves / Keychains.

๐Ÿš€ Expo SDK 54 Mastery

The standard for 2026:

  • Native iOS Builds: 10x faster local development.
  • iOS 26 Liquid Glass: Seamless integration with Apple's latest design language.
  • Edge-to-Edge Android: Default target for API 36+.

See References: Expo SDK 54 for details.


โšก Reanimated 4 & Worklets

Run complex logic directly on the UI thread.

  • Worklet Directives: 'worklet'; for isolated execution.
  • CSS Animations: Native support for standard CSS syntax.
  • Gesture Orchestration: Zero-latency tactile response.

๐Ÿ“– Reference Library

Detailed deep-dives into Mobile Excellence:


Updated: January 22, 2026 - 20:20

Weekly Installs
11
GitHub Stars
9
First Seen
Jan 27, 2026
Installed on
codex9
gemini-cli9
opencode9
github-copilot9
kimi-cli8
cursor8