skills.rest
danieldev24
danieldev24COMMUNITY
Explore all skills by this author →
GitHub

mobile-ui-engineering

Guide mobile UI architecture across React Native, Flutter, iOS, Android, and Kotlin Multiplatform.

Updated May 21, 2026
Search Tags:#accessibility#state management#navigation#mobile ui#list performance
One-click install
npx skills add https://github.com/danieldev24/one-for-all --skill mobile-ui-engineering
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-ui-engineering
Source: https://github.com/danieldev24/one-for-all/tree/main/skills/mobile-ui-engineering
Command: npx skills add https://github.com/danieldev24/one-for-all --skill mobile-ui-engineering

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the complexity of building high-quality mobile UIs by providing a structured workflow that covers navigation, state management, lists, gestures, app lifecycle, and platform accessibility across multiple mobile platforms.

Core Features & Use Cases

  • Platform Support: Works with React Native/Expo, Flutter, native iOS (Swift/SwiftUI), native Android (Kotlin/Jetpack Compose), and Kotlin Multiplatform (KMP).
  • Navigation Guidance: Offers platform-idiomatic navigation solutions.
  • State Management: Assists in choosing the right state management approach for mobile projects.
  • List Performance: Ensures optimal list performance with specific recommendations for different platforms.
  • Accessibility: Provides guidance on implementing mobile accessibility standards.

Quick Start

Run the mobile-ui-engineering skill to start building a production-quality mobile UI for your app.

Frequently Asked Questions about mobile-ui-engineering

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

FAQPage Schema
How do I structure mobile UI architecture for production apps across React Native and Flutter?▼

Production mobile UI architecture is structured through platform-idiomatic patterns for navigation, state management, and app lifecycle across React Native, Flutter, native iOS, Android, and Kotlin Multiplatform.

What is the best way to handle state management and navigation in cross-platform mobile apps?▼

The best way to handle state management and navigation is using platform-idiomatic solutions tailored to your framework, ensuring optimal list performance and maintaining accessibility standards across the mobile app lifecycle.

Does this mobile UI engineering guidance work with native iOS and Android Jetpack Compose?▼

Yes, this mobile UI engineering guidance works with native iOS (Swift/SwiftUI), native Android (Kotlin/Jetpack Compose), React Native/Expo, Flutter, and Kotlin Multiplatform (KMP).

How do I optimize list performance and gestures for production-quality mobile UIs?▼

To optimize list performance and gestures for production-quality mobile UIs, apply specific platform recommendations that ensure smooth scrolling and responsive interactions while maintaining accessibility standards.

Can I use this to implement mobile accessibility standards across different platforms?▼

Yes, you can use this to implement mobile accessibility standards, as it provides explicit guidance for integrating accessibility into your UI architecture across React Native, Flutter, native iOS, Android, and KMP.

Related Skills

Explore More Software Engineering Skills→
yuheitomiyuheitomi

set-up-biome

Configure Biome and Shadcn/UI preferences in React projects with pnpm.

Community
Advanced
williamzujkowskiwilliamzujkowski
17

react-native-mobile-development

Develop cross-platform mobile apps with React Native for iOS and Android.

Community
Intermediate
yeeehaoooyeeehaooo

dmis

Generate a modular .NET backend skeleton with Clean Architecture, DDD, CQRS, and Dapper-first persistence.

Community
Advanced
gluestackgluestack
1

gluestack-ui-v4:performance

Optimize Gluestack UI v4 component rendering across native and web platforms.

Official
Intermediate