Can I use these patterns for standard Android-only projects?

Absolutely. While optimized for Multiplatform, the patterns for state management, theming, and performance are industry standards for Jetpack Compose on Android.

How does it handle platform-specific UI components?

The skill provides guidance on using the expect/actual pattern to bridge common UI logic with platform-specific implementations like status bars or native interop.

Does it provide advice on performance optimization?

Yes, it covers techniques such as using @Stable types to enable skippable recomposition, utilizing derivedStateOf for lazy state reads, and optimizing LazyColumn keys.

Does this skill support the latest Compose Navigation?

Yes, it includes specific patterns for type-safe navigation introduced in Compose Navigation 2.8+, using @Serializable objects for routes.

Compose Multiplatform Patterns

Name: Compose Multiplatform Patterns
Author: hieuck

byhieuck

0•

Mobile Development

Implement shared UI patterns for Android, iOS, Desktop, and Web using Compose Multiplatform and Jetpack Compose.

This skill provides a comprehensive library of best practices and implementation patterns for building cross-platform user interfaces within the Kotlin Multiplatform (KMP) ecosystem. It guides developers through modern state management using ViewModels and StateFlow, type-safe navigation, and slot-based UI architecture. Additionally, it includes critical optimizations for recomposition performance, platform-specific UI handling via expect/actual declarations, and Material 3 theming to ensure high-quality, performant applications across all supported platforms.

Key Features

01State management using ViewModels and single state objects with StateFlow

02Slot-based API design and standardized modifier ordering for reusable components

03Performance optimization techniques for recomposition and lazy list rendering

04Type-safe navigation patterns for Compose 2.8+ including dialogs and bottom sheets

050 GitHub stars

06Platform-specific UI implementation patterns using expect/actual declarations

Use Cases

01Building a consistent cross-platform UI for a new Kotlin Multiplatform (KMP) project

02Refactoring Android Jetpack Compose code for better state management and performance

03Implementing type-safe navigation and dynamic Material 3 theming in mobile apps

Key Features

01State management using ViewModels and single state objects with StateFlow

02Slot-based API design and standardized modifier ordering for reusable components

03Performance optimization techniques for recomposition and lazy list rendering

04Type-safe navigation patterns for Compose 2.8+ including dialogs and bottom sheets

050 GitHub stars

06Platform-specific UI implementation patterns using expect/actual declarations

Use Cases

01Building a consistent cross-platform UI for a new Kotlin Multiplatform (KMP) project

02Refactoring Android Jetpack Compose code for better state management and performance

03Implementing type-safe navigation and dynamic Material 3 theming in mobile apps