Can I use these patterns for Android-only projects?

Absolutely. While optimized for KMP, all patterns are fully applicable and recommended for standard Jetpack Compose development on Android.

Does this skill support the latest navigation APIs?

Yes, it includes patterns and implementations for Type-Safe Navigation introduced in Compose Navigation 2.8 and above.

Does it handle platform-specific UI differences?

Yes, it demonstrates the expect/actual pattern to manage platform-specific components like status bars and system-level UI interactions.

How does this skill help with UI performance?

It provides specific guidance on using @Stable and @Immutable markers, keying lazy lists, and utilizing derivedStateOf to minimize expensive recompositions.

Compose Multiplatform Patterns

Name: Compose Multiplatform Patterns
Author: affaan-m

byaffaan-m

•

156,032

•

Mobile Development

Implements optimized Jetpack Compose and Compose Multiplatform patterns for building shared UI across Android, iOS, desktop, and web.

This skill provides a standardized architectural framework for building cross-platform interfaces using Compose Multiplatform (CMP) and Jetpack Compose. It offers expert guidance on MVI-style state management using ViewModels and StateFlow, type-safe navigation for KMP projects, and performance-critical optimizations like stability markers and deferred state reading. Whether you are building a new KMP application or optimizing an existing Android UI, this skill ensures your components follow best practices for reusability, platform interop, and efficient rendering.

主な機能

01Type-safe navigation implementation for complex KMP routing

02Performance optimization via @Stable types and deferred reading

03Slot-based API design for flexible and reusable UI components

04MVI-style state management with ViewModel and StateFlow patterns

05156,032 GitHub stars

06Platform-specific UI handling using expect/actual patterns

ユースケース

01Optimizing rendering performance and reducing unnecessary recompositions in complex UIs

02Migrating legacy Jetpack Compose codebases to the latest type-safe navigation APIs

03Developing a shared UI layer for a Kotlin Multiplatform project targeting Android and iOS

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add affaan-m/everything-claude-code compose-multiplatform-patterns

For use in Claude.ai and ChatGPT

主な機能

01Type-safe navigation implementation for complex KMP routing

02Performance optimization via @Stable types and deferred reading

03Slot-based API design for flexible and reusable UI components

04MVI-style state management with ViewModel and StateFlow patterns

05156,032 GitHub stars

06Platform-specific UI handling using expect/actual patterns

ユースケース

01Optimizing rendering performance and reducing unnecessary recompositions in complex UIs

02Migrating legacy Jetpack Compose codebases to the latest type-safe navigation APIs

03Developing a shared UI layer for a Kotlin Multiplatform project targeting Android and iOS

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add affaan-m/everything-claude-code compose-multiplatform-patterns

For use in Claude.ai and ChatGPT