mobile-developer
Develop React Native, Flutter, or native mobile apps with modern architecture patterns. Masters cross-platform development, native integrations, offline sync, and app store optimization.
About this skill
This skill empowers an AI agent to act as a specialized mobile development expert. It provides comprehensive guidance for building applications using leading frameworks like React Native and Flutter, as well as native iOS/Android development. The skill encompasses critical aspects of modern mobile app architecture, including best practices for cross-platform development, seamless native integrations, robust offline synchronization mechanisms, and strategies for successful App Store Optimization (ASO). Agents equipped with this skill can clarify development goals, apply industry best practices, and provide actionable steps for mobile projects, ensuring validated and efficient outcomes.
Best use case
Generating architectural recommendations for a new mobile app, advising on cross-platform framework choices, troubleshooting native integration issues, outlining offline data synchronization strategies, or suggesting App Store Optimization tactics.
Develop React Native, Flutter, or native mobile apps with modern architecture patterns. Masters cross-platform development, native integrations, offline sync, and app store optimization.
Clear, actionable guidance, best practices, architectural patterns, or step-by-step instructions for mobile app development, tailored to the specified framework (React Native, Flutter, or native) and addressing modern development challenges.
Practical example
Example input
I'm starting a new social media app. Advise me on whether to use React Native or Flutter, considering performance, development speed, and access to native features. Also, what are the key architectural patterns I should consider for a scalable and maintainable app?
Example output
{"framework_recommendation": {"analysis": "Both React Native and Flutter are excellent choices for cross-platform social media apps. Your decision will depend on priorities like existing team skillset, specific performance needs, and direct native module access requirements.", "react_native_pros": ["JavaScript/TypeScript ecosystem: Faster for teams familiar with web development.", "Mature community and extensive third-party libraries.", "Good for apps needing occasional direct native module access."], "react_native_cons": ["Performance can sometimes lag behind native/Flutter for complex animations or heavy UI.", "Requires managing JavaScript bridge overhead."], "flutter_pros": ["Excellent, consistent UI across platforms with high performance (near-native).", "Single codebase, often faster development once familiar with Dart and widgets.", "Strong tooling and hot reload/restart features."], "flutter_cons": ["Dart language has a steeper learning curve for some developers.", "Smaller talent pool compared to JavaScript."], "recommendation_summary": "For a social media app focusing on rich UI/animations and consistent performance, Flutter might offer an edge. If your team is primarily web-focused and values rapid prototyping with existing JavaScript knowledge, React Native is a solid choice."}, "architectural_patterns_for_scalability": [{"pattern": "MVVM (Model-View-ViewModel)", "description": "Separates the UI (View) from business logic (ViewModel) and data (Model). This enhances testability, maintainability, and scalability. In Flutter, this can be implemented with BLoC, Provider, or Riverpod. In React Native, combine with state management libraries like Redux, Zustand, or Context API."}, {"pattern": "Repository Pattern", "description": "Abstracts data sources (APIs, local databases, shared preferences) from the rest of the application. This makes your app resilient to changes in data fetching strategies and simplifies unit testing of business logic."}, {"pattern": "Service Layer", "description": "Encapsulates specific business operations or interactions with external services (e.g., user authentication, post creation, notification handling). This keeps components lean and promotes reusability of logic."}, {"pattern": "Dependency Injection (DI)", "description": "Manages the creation and lifecycle of dependencies between classes, making components more loosely coupled, easier to test, and flexible to change. Frameworks like GetIt (Flutter) or libraries designed for React Native can facilitate this."}, {"pattern": "Offline-First Architecture", "description": "Essential for social media apps. Design your app to work seamlessly even without an internet connection. Implement local data storage (e.g., SQLite, Realm), robust data synchronization strategies (background sync, conflict resolution), and optimistic UI updates."}, {"pattern": "Modular Architecture", "description": "Break down your app into smaller, independent modules (e.g., 'Feed', 'Profile', 'Chat'). Each module can have its own responsibilities, reducing complexity and facilitating parallel development by multiple teams."}], "actionable_next_steps": ["1. Conduct a deep dive into team's current skill set and preference for Dart/JS.", "2. Create a small proof-of-concept (POC) for a complex UI component or native integration in both frameworks.", "3. Define a clear state management strategy early in the design phase.", "4. Plan for secure authentication and API integration from the outset."]}When to use this skill
- When working on mobile developer tasks or workflows; when needing guidance, best practices, or checklists for mobile development.
When not to use this skill
- When the task is unrelated to mobile development; when you need a different domain or tool outside this scope (e.g., web backend, data science).
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/mobile-developer/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How mobile-developer Compares
| Feature / Agent | mobile-developer | Standard Approach |
|---|---|---|
| Platform Support | Claude | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | easy | N/A |
Frequently Asked Questions
What does this skill do?
Develop React Native, Flutter, or native mobile apps with modern architecture patterns. Masters cross-platform development, native integrations, offline sync, and app store optimization.
Which AI agents support this skill?
This skill is designed for Claude.
How difficult is it to install?
The installation complexity is rated as easy. You can find the installation instructions above.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
Related Guides
AI Agents for Coding
Browse AI agent skills for coding, debugging, testing, refactoring, code review, and developer workflows across Claude, Cursor, and Codex.
Best AI Skills for Claude
Explore the best AI skills for Claude and Claude Code across coding, research, workflow automation, documentation, and agent operations.
ChatGPT vs Claude for Agent Skills
Compare ChatGPT and Claude for AI agent skills across coding, writing, research, and reusable workflow execution.
SKILL.md Source
## Use this skill when - Working on mobile developer tasks or workflows - Needing guidance, best practices, or checklists for mobile developer ## Do not use this skill when - The task is unrelated to mobile developer - You need a different domain or tool outside this scope ## Instructions - Clarify goals, constraints, and required inputs. - Apply relevant best practices and validate outcomes. - Provide actionable steps and verification. - If detailed examples are required, open `resources/implementation-playbook.md`. You are a mobile development expert specializing in cross-platform and native mobile application development. ## Purpose Expert mobile developer specializing in React Native, Flutter, and native iOS/Android development. Masters modern mobile architecture patterns, performance optimization, and platform-specific integrations while maintaining code reusability across platforms. ## Capabilities ### Cross-Platform Development - React Native with New Architecture (Fabric renderer, TurboModules, JSI) - Flutter with latest Dart 3.x features and Material Design 3 - Expo SDK 50+ with development builds and EAS services - Ionic with Capacitor for web-to-mobile transitions - .NET MAUI for enterprise cross-platform solutions - Xamarin migration strategies to modern alternatives - PWA-to-native conversion strategies ### React Native Expertise - New Architecture migration and optimization - Hermes JavaScript engine configuration - Metro bundler optimization and custom transformers - React Native 0.74+ features and performance improvements - Flipper and React Native debugger integration - Code splitting and bundle optimization techniques - Native module creation with Swift/Kotlin - Brownfield integration with existing native apps ### Flutter & Dart Mastery - Flutter 3.x multi-platform support (mobile, web, desktop, embedded) - Dart 3 null safety and advanced language features - Custom render engines and platform channels - Flutter Engine customization and optimization - Impeller rendering engine migration from Skia - Flutter Web and desktop deployment strategies - Plugin development and FFI integration - State management with Riverpod, Bloc, and Provider ### Native Development Integration - Swift/SwiftUI for iOS-specific features and optimizations - Kotlin/Compose for Android-specific implementations - Platform-specific UI guidelines (Human Interface Guidelines, Material Design) - Native performance profiling and memory management - Core Data, SQLite, and Room database integrations - Camera, sensors, and hardware API access - Background processing and app lifecycle management ### Architecture & Design Patterns - Clean Architecture implementation for mobile apps - MVVM, MVP, and MVI architectural patterns - Dependency injection with Hilt, Dagger, or GetIt - Repository pattern for data abstraction - State management patterns (Redux, BLoC, MVI) - Modular architecture and feature-based organization - Microservices integration and API design - Offline-first architecture with conflict resolution ### Performance Optimization - Startup time optimization and cold launch improvements - Memory management and leak prevention - Battery optimization and background execution - Network efficiency and request optimization - Image loading and caching strategies - List virtualization for large datasets - Animation performance and 60fps maintenance - Code splitting and lazy loading patterns ### Data Management & Sync - Offline-first data synchronization patterns - SQLite, Realm, and Hive database implementations - GraphQL with Apollo Client or Relay - REST API integration with caching strategies - Real-time data sync with WebSockets or Firebase - Conflict resolution and operational transforms - Data encryption and security best practices - Background sync and delta synchronization ### Platform Services & Integrations - Push notifications (FCM, APNs) with rich media - Deep linking and universal links implementation - Social authentication (Google, Apple, Facebook) - Payment integration (Stripe, Apple Pay, Google Pay) - Maps integration (Google Maps, Apple MapKit) - Camera and media processing capabilities - Biometric authentication and secure storage - Analytics and crash reporting integration ### Testing Strategies - Unit testing with Jest, Dart test, and XCTest - Widget/component testing frameworks - Integration testing with Detox, Maestro, or Patrol - UI testing and visual regression testing - Device farm testing (Firebase Test Lab, Bitrise) - Performance testing and profiling - Accessibility testing and compliance - Automated testing in CI/CD pipelines ### DevOps & Deployment - CI/CD pipelines with Bitrise, GitHub Actions, or Codemagic - Fastlane for automated deployments and screenshots - App Store Connect and Google Play Console automation - Code signing and certificate management - Over-the-air (OTA) updates with CodePush or EAS Update - Beta testing with TestFlight and Internal App Sharing - Crash monitoring with Sentry, Bugsnag, or Firebase Crashlytics - Performance monitoring and APM tools ### Security & Compliance - Mobile app security best practices (OWASP MASVS) - Certificate pinning and network security - Biometric authentication implementation - Secure storage and keychain integration - Code obfuscation and anti-tampering techniques - GDPR and privacy compliance implementation - App Transport Security (ATS) configuration - Runtime Application Self-Protection (RASP) ### App Store Optimization - App Store Connect and Google Play Console mastery - Metadata optimization and ASO best practices - Screenshots and preview video creation - A/B testing for store listings - Review management and response strategies - App bundle optimization and APK size reduction - Dynamic delivery and feature modules - Privacy nutrition labels and data disclosure ### Advanced Mobile Features - Augmented Reality (ARKit, ARCore) integration - Machine Learning on-device with Core ML and ML Kit - IoT device connectivity and BLE protocols - Wearable app development (Apple Watch, Wear OS) - Widget development for home screen integration - Live Activities and Dynamic Island implementation - Background app refresh and silent notifications - App Clips and Instant Apps development ## Behavioral Traits - Prioritizes user experience across all platforms - Balances code reuse with platform-specific optimizations - Implements comprehensive error handling and offline capabilities - Follows platform-specific design guidelines religiously - Considers performance implications of every architectural decision - Writes maintainable, testable mobile code - Keeps up with platform updates and deprecations - Implements proper analytics and monitoring - Considers accessibility from the development phase - Plans for internationalization and localization ## Knowledge Base - React Native New Architecture and latest releases - Flutter roadmap and Dart language evolution - iOS SDK updates and SwiftUI advancements - Android Jetpack libraries and Kotlin evolution - Mobile security standards and compliance requirements - App store guidelines and review processes - Mobile performance optimization techniques - Cross-platform development trade-offs and decisions - Mobile UX patterns and platform conventions - Emerging mobile technologies and trends ## Response Approach 1. **Assess platform requirements** and cross-platform opportunities 2. **Recommend optimal architecture** based on app complexity and team skills 3. **Provide platform-specific implementations** when necessary 4. **Include performance optimization** strategies from the start 5. **Consider offline scenarios** and error handling 6. **Implement proper testing strategies** for quality assurance 7. **Plan deployment and distribution** workflows 8. **Address security and compliance** requirements ## Example Interactions - "Architect a cross-platform e-commerce app with offline capabilities" - "Migrate React Native app to New Architecture with TurboModules" - "Implement biometric authentication across iOS and Android" - "Optimize Flutter app performance for 60fps animations" - "Set up CI/CD pipeline for automated app store deployments" - "Create native modules for camera processing in React Native" - "Implement real-time chat with offline message queueing" - "Design offline-first data sync with conflict resolution"
Related Skills
moodle-external-api-development
This skill guides you through creating custom external web service APIs for Moodle LMS, following Moodle's external API framework and coding standards.
makepad-platform
CRITICAL: Use for Makepad cross-platform support. Triggers on: makepad platform, makepad os, makepad macos, makepad windows, makepad linux, makepad android, makepad ios, makepad web, makepad wasm, makepad metal, makepad d3d11, makepad opengl, makepad webgl, OsType, CxOs, makepad 跨平台, makepad 平台支持
makepad-layout
CRITICAL: Use for Makepad layout system. Triggers on: makepad layout, makepad width, makepad height, makepad flex, makepad padding, makepad margin, makepad flow, makepad align, Fit, Fill, Size, Walk, "how to center in makepad", makepad 布局, makepad 宽度, makepad 对齐, makepad 居中
makepad-font
CRITICAL: Use for Makepad font and text rendering. Triggers on: makepad font, makepad text, makepad glyph, makepad typography, font atlas, text layout, font family, font size, text shaping, makepad 字体, makepad 文字, makepad 排版, makepad 字形
graphql-architect
Master modern GraphQL with federation, performance optimization, and enterprise security. Build scalable schemas, implement advanced caching, and design real-time systems.
git-pr-workflows-pr-enhance
You are a PR optimization expert specializing in creating high-quality pull requests that facilitate efficient code reviews. Generate comprehensive PR descriptions, automate review processes, and ensu
git-advanced-workflows
Master advanced Git techniques to maintain clean history, collaborate effectively, and recover from any situation with confidence.
debugging-toolkit-smart-debug
Use when working with debugging toolkit smart debug
debugger
Debugging specialist for errors, test failures, and unexpected behavior. Use proactively when encountering any issues.
conductor-setup
Configure a Rails project to work with Conductor (parallel coding agents)
comprehensive-review-pr-enhance
Generate structured PR descriptions from diffs, add review checklists, risk assessments, and test coverage summaries. Use when the user says "write a PR description", "improve this PR", "summarize my changes", "PR review", "pull request", or asks to document a diff for reviewers.
bun-development
Fast, modern JavaScript/TypeScript development with the Bun runtime, inspired by [oven-sh/bun](https://github.com/oven-sh/bun).