skills.rest
xoai
xoaiCOMMUNITY
Explore all skills by this author →
𝕏@xoaiGitHub

mobile

Apply universal mobile development principles across React Native, Flutter, Swift, and Kotlin.

25|7|Updated Mar 16, 2026
Search Tags:#development#architecture#performance#mobile#cross-platform#ux
One-click install
npx skills add https://github.com/xoai/sage --skill mobile-xoai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile
Source: https://github.com/xoai/sage/tree/main/skills/mobile
Command: npx skills add https://github.com/xoai/sage --skill mobile-xoai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and scripts (resource) components.

What problem does it solve?

This Skill addresses common pitfalls and ensures adherence to best practices in mobile development, regardless of the specific framework used, leading to more robust and user-friendly applications.

Core Features & Use Cases

  • Universal Principles: Covers essential mobile concepts like offline-first architecture, 60fps performance, touch target optimization, and lifecycle management.
  • Cross-Framework Applicability: Provides foundational knowledge applicable to React Native, Flutter, Swift, Kotlin, and more.
  • Use Case: An agent needs to build a new feature for a cross-platform mobile app. Applying the principles from this Skill ensures the feature is performant, handles network interruptions gracefully, and offers an intuitive user experience tailored for mobile devices.

Quick Start

Apply the mobile development principles to ensure the new feature is offline-first and performs at 60fps.

Frequently Asked Questions about mobile

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

FAQPage Schema
What are the universal principles for mobile app architecture across different frameworks?▼

Mobile development requires offline-first design, 60fps performance optimization, touch target sizing, and app lifecycle management. These cross-platform principles ensure applications meet mobile-specific user expectations regardless of whether you use React Native, Flutter, Swift, or Kotlin.

How do I design an offline-first mobile app that handles network interruptions?▼

To design an offline-first mobile app, you must architect features to function without constant network connectivity and handle interruptions gracefully. This approach prioritizes local data synchronization and caching to ensure a continuous user experience during network drops.

How do I optimize mobile app performance to maintain 60fps rendering?▼

Optimizing mobile performance to maintain 60fps requires avoiding web-first thinking and adhering to mobile-specific constraints. You must optimize touch targets, manage app lifecycles efficiently, and implement responsive layouts tailored to native device capabilities.

Can I apply the same mobile UX principles to both React Native and Flutter?▼

Yes, you can apply the same mobile UX principles to React Native and Flutter. Universal guidelines like touch target optimization, platform conventions, and responsive layouts are framework-agnostic, ensuring intuitive user experiences across different cross-platform environments.

What are the limitations of using web-first thinking for mobile app development?▼

The limitations of web-first thinking in mobile development include ignoring offline-first constraints, failing to optimize for 60fps performance, and neglecting touch target sizing. This approach misses mobile-specific user expectations and device lifecycle management requirements.

Related Skills

Explore More Software Engineering Skills→
mosif16mosif16
18

software-mobile

Guide iOS, Android, and cross-platform mobile app development patterns.

Community
Advanced
RaheesAhmedRaheesAhmed
66

mobile-app

Scaffold React Native and Expo projects with navigation, push notifications, and offline data handling.

Community
Advanced
xianmingyaoxianmingyao
1

Mobile

Implement mobile app lifecycle handling and offline support for iOS and Android.

Community
Intermediate
FutureAtomsFutureAtoms
1

ui-ux-react-native-performance

Optimize React Native UI performance for 60fps rendering and memory management.

Community
Advanced