skills.rest
Zenobia000
Zenobia000COMMUNITY
Explore all skills by this author →
WebsiteGitHub

compose-multiplatform-patterns

Implement type-safe navigation and state management patterns for Compose Multiplatform shared UI.

2|Updated Apr 7, 2026
Search Tags:#navigation#state-management#jetpack-compose#kmp#performance-optimization#compose-multiplatform#cross-platform-ui
One-click install
npx skills add https://github.com/Zenobia000/ai-brainstorming --skill compose-multiplatform-patterns-zenobia000
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: compose-multiplatform-patterns
Source: https://github.com/Zenobia000/ai-brainstorming/tree/main/.claude/custom-rule%26skill/skills/compose-multiplatform-patterns
Command: npx skills add https://github.com/Zenobia000/ai-brainstorming --skill compose-multiplatform-patterns-zenobia000

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the common pain points of inconsistent shared UI code, performance bottlenecks, and platform-specific implementation errors when building cross-platform applications with Compose Multiplatform and Jetpack Compose, eliminating the need to research and validate UI patterns from scratch.

Core Features & Use Cases

  • Cross-Platform State Management: Provides ViewModel + StateFlow patterns to manage UI state consistently across Android, iOS, Desktop, and Web targets.
  • Type-Safe Navigation: Implements Compose Navigation 2.8+ type-safe route patterns to prevent navigation crashes and routing errors.
  • Performance Optimization: Includes stable type annotations, correct LazyList key usage, and recomposition avoidance patterns to ensure smooth UI rendering.
  • Platform-Specific UI Handling: Offers expect/actual patterns for implementing platform-specific composables like status bars without breaking shared code.
  • Use Case: A solo developer building a cross-platform note-taking app can use these patterns to share 90% of UI code across Android and iOS while correctly handling platform-specific status bar styling.

Quick Start

Use the compose-multiplatform-patterns skill to implement a type-safe navigation flow for your shared KMP note-taking app with Home, Detail, and Settings screens.

Frequently Asked Questions about compose-multiplatform-patterns

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

FAQPage Schema
How do I manage UI state consistently across Android, iOS, Desktop, and Web with Compose Multiplatform?▼

To manage UI state consistently across Android, iOS, Desktop, and Web with Compose Multiplatform, apply shared ViewModel and StateFlow patterns to handle UI state uniformly across all target platforms.

What is the best way to set up type-safe navigation in a Kotlin Multiplatform project?▼

The best way to set up type-safe navigation in a Kotlin Multiplatform project is implementing Compose Navigation 2.8+ type-safe route patterns to prevent routing errors and navigation crashes across shared UI code.

How do I handle platform-specific UI components like status bars without breaking shared Compose code?▼

To handle platform-specific UI components like status bars without breaking shared Compose code, use expect/actual patterns to implement platform-specific composables while maintaining a unified shared UI structure.

Why does my Compose Multiplatform app have performance bottlenecks and frequent recompositions?▼

Frequent recompositions and performance bottlenecks in Compose Multiplatform apps are typically caused by unstable composable designs; resolve them by applying stable type annotations, correct LazyList keys, and recomposition avoidance patterns.

Can I build a cross-platform design system using Jetpack Compose for Android and iOS?▼

Yes, you can build a cross-platform design system using Jetpack Compose for Android and iOS by constructing shared composable design systems that ensure UI consistency across platforms while correctly adapting platform-specific elements.

Related Skills

Explore More Software Engineering Skills→
huneyolivhuneyoliv
1

kotlin-build-kmp-gradle-governance

Review and design Gradle build structures for Kotlin Multiplatform projects.

Community
Advanced
GGEduGGEdu

compose-multiplatform-patterns

Implement shared Compose Multiplatform UI patterns across Android, iOS, Desktop, and Web.

Community
Advanced
cescraflicescrafli

kotlin-coroutines-flows

Implement structured concurrency and Flow-based data streams with Kotlin coroutines.

Community
Advanced
FernanSuozaFernanSuoza

mobile-hybrid-application-development

Implement cross-platform shared-code applications with platform bridges and test matrices.

Community
Advanced