skills.rest
thucpru
thucpruCOMMUNITY
Explore all skills by this author →
GitHub

mobile-development

Guide mobile app architecture across React Native, Flutter, SwiftUI, and Kotlin.

Updated Nov 12, 2025
Search Tags:#performance#UX#Flutter#iOS#React Native#Android#mobile app
One-click install
npx skills add https://github.com/thucpru/fontkit --skill mobile-development-thucpru
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-development
Source: https://github.com/thucpru/fontkit/tree/main/.claude/skills/mobile-development
Command: npx skills add https://github.com/thucpru/fontkit --skill mobile-development-thucpru

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance for building modern mobile applications, addressing the complexities of cross-platform vs. native development, performance optimization, offline-first design, security, and deployment. It helps developers navigate the mobile landscape to create high-quality, user-centric apps efficiently.

Core Features & Use Cases

  • Framework Expertise: Covers React Native, Flutter, Swift/SwiftUI, and Kotlin/Jetpack Compose, including detailed comparisons and best practices for each.
  • Mobile-First Design: Guides on UX patterns, platform-specific guidelines (iOS HIG, Material Design), accessibility, and performance optimization for mobile constraints.
  • Quality & Deployment: Offers strategies for testing (unit, integration, E2E), security (OWASP Mobile Top 10), and streamlined app store deployment.
  • Use Case: "Compare React Native and Flutter for building a new social media app, considering performance, development speed, and team expertise."

Quick Start

Use the mobile-development skill to outline the key steps for building an offline-first mobile application.

Frequently Asked Questions about mobile-development

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I choose between React Native and Flutter for cross-platform mobile development?▼

React Native and Flutter both enable cross-platform app development, but differ in performance, ecosystem maturity, and team expertise requirements. React Native suits teams with JavaScript expertise and prioritize rapid iteration; Flutter excels in performance-critical apps and offers a more opinionated framework. Compare based on your team's skills, performance constraints, and target platforms (iOS, Android, or both).

What's the best way to design offline-first mobile applications?▼

Offline-first design prioritizes local data storage and syncing when connectivity returns. Structure your app to cache data locally, detect network status, queue operations during offline periods, and reconcile changes when reconnected. This approach improves UX on unreliable networks and reduces server load across iOS, Android, and cross-platform frameworks like React Native and Flutter.

How do I ensure mobile apps meet accessibility and platform-specific guidelines?▼

Accessibility requires adhering to iOS Human Interface Guidelines and Material Design for Android, plus WCAG compliance. Implement screen reader support, sufficient color contrast, touch target sizing, and platform-native patterns. Test across devices and use native frameworks (SwiftUI, Jetpack Compose) or cross-platform tools that expose accessibility APIs for consistent UX.

What security practices prevent common mobile app vulnerabilities?▼

Follow OWASP Mobile Top 10 guidelines: secure data storage, encryption in transit, authentication validation, input sanitization, and secure API communication. Implement certificate pinning, avoid hardcoding secrets, use platform-provided secure storage (Keychain on iOS, Keystore on Android), and conduct regular security audits before app store deployment.

Can I build a high-performance mobile app with cross-platform frameworks like React Native or Flutter?▼

Yes, both React Native and Flutter support high-performance apps, but require architecture discipline. Optimize by minimizing re-renders, using native modules for CPU-intensive tasks, managing memory efficiently, and profiling on target devices. Flutter typically achieves better baseline performance; React Native requires more optimization but suits teams prioritizing code reuse.

What testing and deployment strategies streamline mobile app releases?▼

Implement unit, integration, and end-to-end testing before app store submission. Use CI/CD pipelines to automate builds, beta testing on TestFlight (iOS) or Google Play Beta, and staged rollouts post-launch. Plan for platform-specific approval processes and version management across iOS and Android to ensure quality and quick iteration cycles.

Related Skills

Explore More Software Engineering Skills→
IoT-VNIoT-VN

mobile-development

Develop native and cross-platform mobile apps with React Native, Flutter, Swift, and Kotlin.

Community
Advanced
lalulalilalulali
8

iterate

Analyze post-launch product data and convert it into prioritized iteration actions.

Community
Advanced
aaronbassettaaronbassett
4

flutter-core:flutter-serverpod

Build Flutter backends with Serverpod typed models, endpoints, and authentication.

Community
Advanced
auxi-wardrobeauxi-wardrobe
1

ck:mobile-development

Guide mobile app development workflows for iOS and Android platforms.

Official
Advanced