How does it improve app performance?

By enforcing stable types, providing guidance on derivedStateOf, and helping you avoid common recomposition anti-patterns.

Is it compatible with Material 3?

Yes, it includes patterns for implementing Material 3 dynamic theming across all supported platforms.

Does it support the latest Compose Navigation?

Yes, it includes patterns for type-safe navigation introduced in Compose Navigation 2.8+ using serializable objects.

How does this skill handle state management?

It promotes a single state object pattern using ViewModels and StateFlow, ensuring lifecycle-aware updates and easy testing.

Can I use this for platform-specific UI?

Absolutely, it provides patterns for using expect/actual declarations to handle platform-specific elements like status bars or native interactions.

Compose Multiplatform Patterns

Name: Compose Multiplatform Patterns
Author: saar120

bysaar120

0•

Mobile Development

Implements high-performance, cross-platform UI patterns using Compose Multiplatform and Jetpack Compose for Kotlin Multiplatform projects.

This skill provides a comprehensive set of architectural patterns and best practices for building shared user interfaces across Android, iOS, Desktop, and Web. It offers domain-specific guidance on implementing type-safe navigation, managing UI state with ViewModels and StateFlow, and optimizing recomposition for peak performance. Whether you are building a design system with slot-based APIs or handling platform-specific UI using expect/actual declarations, this skill ensures your KMP codebase remains scalable, maintainable, and idiomatic.

Key Features

01Performance-focused techniques for stable types and deferred state reads

02Cross-platform UI implementation via expect/actual and Material 3 theming

030 GitHub stars

04Type-safe navigation patterns for multi-screen KMP applications

05Optimized composable design including slot-based APIs and modifier ordering

06Reactive state management using ViewModel and StateFlow patterns

Use Cases

01Debugging performance bottlenecks and unnecessary recompositions in complex UI trees

02Building a shared design system that works seamlessly across mobile, desktop, and web

03Migrating a native Android Jetpack Compose app to a Kotlin Multiplatform project

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add saar120/skillgate-registry compose-multiplatform-patterns

For use in Claude.ai and ChatGPT

Key Features

01Performance-focused techniques for stable types and deferred state reads

02Cross-platform UI implementation via expect/actual and Material 3 theming

030 GitHub stars

04Type-safe navigation patterns for multi-screen KMP applications

05Optimized composable design including slot-based APIs and modifier ordering

06Reactive state management using ViewModel and StateFlow patterns

Use Cases

01Debugging performance bottlenecks and unnecessary recompositions in complex UI trees

02Building a shared design system that works seamlessly across mobile, desktop, and web

03Migrating a native Android Jetpack Compose app to a Kotlin Multiplatform project

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add saar120/skillgate-registry compose-multiplatform-patterns

For use in Claude.ai and ChatGPT