Can it help with platform-specific UI implementation?

Yes, it provides guidance on using the expect/actual pattern to implement platform-specific features like status bar handling within a shared UI codebase.

What are Compose Multiplatform Patterns?

It is a specialized Claude Code skill that provides standardized patterns and best practices for building shared UIs across Android, iOS, and Desktop using Kotlin.

Does it support the latest Navigation components?

Yes, it includes patterns for Type-Safe Navigation (Compose Navigation 2.8+) using @Serializable objects for routes.

How does this skill handle state management?

The skill promotes the ViewModel + Single State Object pattern, using StateFlow to expose state and collectAsStateWithLifecycle for safe UI updates.

How do I optimize performance with this skill?

The skill covers performance techniques such as using stable types for skippable recompositions, efficient key usage in Lazy lists, and avoiding memory allocation during recomposition.

Compose Multiplatform Patterns

Name: Compose Multiplatform Patterns
Author: saar120

bysaar120

0•

Mobile Development

Provides best practices and implementation patterns for building cross-platform UIs using Jetpack Compose and Compose Multiplatform.

This skill equips Claude with specialized knowledge for architecting robust Kotlin Multiplatform (KMP) applications. it covers essential patterns for state management using ViewModels and StateFlow, type-safe navigation, slot-based UI design, and platform-specific implementations. By following these patterns, developers can optimize rendering performance, ensure stable recompositions, and create maintainable design systems that work seamlessly across Android, iOS, Desktop, and Web.

Características Principales

01State management patterns using ViewModel and StateFlow with lifecycle awareness

02Platform-specific UI handling using expect/actual patterns for KMP

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

04Type-safe navigation implementation for Multiplatform projects (Compose Navigation 2.8+)

050 GitHub stars

06Performance optimization techniques including stable types and derivedStateOf

Casos de Uso

01Migrating existing Jetpack Compose projects to a multiplatform architecture

02Building a unified UI for Android and iOS using Kotlin Multiplatform

03Optimizing UI performance and reducing unnecessary recompositions in complex applications

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

Características Principales

01State management patterns using ViewModel and StateFlow with lifecycle awareness

02Platform-specific UI handling using expect/actual patterns for KMP

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

04Type-safe navigation implementation for Multiplatform projects (Compose Navigation 2.8+)

050 GitHub stars

06Performance optimization techniques including stable types and derivedStateOf

Casos de Uso

01Migrating existing Jetpack Compose projects to a multiplatform architecture

02Building a unified UI for Android and iOS using Kotlin Multiplatform

03Optimizing UI performance and reducing unnecessary recompositions in complex applications

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