Mobile Developer Skill · Development

Mobile Developer: Cross-Platform App Expertise

Build production-grade mobile apps with React Native or Flutter.

Covers cross-platform UI, offline-first sync, push notifications, and App Store deployment.

  • React Native
  • Flutter
  • iOS
  • Android
  • Cross-Platform

About This Skill

Get instant access to battle-tested patterns for building cross-platform mobile apps that work offline, integrate with native features, and ship to app stores.

Start Building in Minutes

  1. 1Copy the skill to your .agent/skills directory
  2. 2Tell me your framework: React Native or Flutter
  3. 3Describe what your app should do
  4. 4Follow the architecture and deployment guidance

Core Capabilities

Cross-Platform UI

Build once, run on iOS and Android with native feel. Feature-based architecture for scalable apps.

Native Integrations

Access camera, sensors, biometrics, and device APIs through platform bridges and native modules.

Offline-First Sync

Design apps that work without network. Local-first storage with background sync and conflict resolution.

Push Notifications

Configure APNs and FCM for both platforms. Support for rich notifications with images and actions.

App Store Deployment

Navigate code signing, CI/CD pipelines, and store compliance for successful app submissions.

SKILL.md

---
name: mobile-developer
description: Use this skill when building React Native or Flutter apps with native integrations. For cross-platform UI, offline-first sync, push notifications, and App Store deployment workflows.
---

# Mobile Developer

Cross-platform mobile development expertise for React Native and Flutter applications.

## Overview

This skill guides you through building **production-grade mobile apps** that work seamlessly on both iOS and Android. It covers:

- **React Native / Flutter** component architecture
- **Native module integration** for device-specific features
- **Offline-first design** for unreliable network conditions
- **Push notifications & deep linking** for user engagement
- **App Store submission** with compliance checks

## Protocols

### 1. Analyze Requirements
- Identify target platforms (iOS only, Android only, or both)
- List required native device features
- Determine offline requirements
- Plan notification strategy

### 2. Set Up Project Structure
- Initialize React Native (Expo/bare) or Flutter project
- Configure TypeScript / Dart strict mode
- Set up linting and formatting
- Create feature-based directory structure

### 3. Implement Core Features
- Build reusable UI components
- Implement navigation flow
- Add data fetching with proper caching
- Handle platform-specific differences

### 4. Add Native Integrations
- Configure required permissions (Info.plist / AndroidManifest)
- Integrate native modules or create bridges
- Test thoroughly on physical devices

### 5. Prepare for Release
- Generate app icons and splash screens
- Configure code signing
- Set up CI/CD pipeline
- Create App Store / Play Store listings

Frequently Asked Questions

FAQ

Should I use React Native or Flutter?
React Native if your team knows JavaScript/React and you want extensive npm ecosystem. Flutter if you need pixel-perfect custom UI and don't mind learning Dart. Both deliver excellent performance for production apps.
How does offline-first work?
Store data locally first (SQLite, Realm, Hive), show immediately to users, then sync in background when online. This ensures your app is usable even without network connectivity.
What about native-only features?
Both frameworks support native module bridges. React Native uses Native Modules, Flutter uses Platform Channels. Common features like camera and biometrics have well-maintained community packages.

Discussion

Discussion

0 comments
U

Trigger Phrases

Use these phrases to activate this skill in your AI coding assistant:

Build a mobile appCreate React Native appCreate Flutter appAdd push notificationsImplement offline syncSubmit to App Store