compose-multiplatform-patterns

Standardize UI architecture and state management for Compose Multiplatform applications.

1|Updated Apr 11, 2026
One-click install
npx skills add https://github.com/its-Basudeba/Care-HMS --skill compose-multiplatform-patterns-its-basudeba
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: compose-multiplatform-patterns
Source: https://github.com/its-Basudeba/Care-HMS/tree/main/.agent/skills/compose-multiplatform-patterns
Command: npx skills add https://github.com/its-Basudeba/Care-HMS --skill compose-multiplatform-patterns-its-basudeba

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the complexity of maintaining consistent, performant, and scalable UI code across multiple platforms (Android, iOS, Desktop, Web) within a Kotlin Multiplatform project.

Core Features & Use Cases

  • State Management: Implements robust patterns using StateFlow and sealed interfaces for predictable UI updates.
  • Navigation & Architecture: Provides type-safe navigation strategies and slot-based composable design for modular UI.
  • Performance Optimization: Offers techniques for stable types, efficient list rendering, and recomposition management.

Quick Start

Use the compose-multiplatform-patterns skill to refactor my current screen state management into a single ViewModel state object.

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 in Compose Multiplatform across Android and iOS?

To manage UI state in Compose Multiplatform, implement robust patterns using StateFlow and sealed interfaces to ensure predictable reactive updates across Android, iOS, Desktop, and Web targets within a single KMP project.

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

Type-safe navigation in Kotlin Multiplatform is best handled by implementing standardized navigation strategies and slot-based composable design, which ensures modular UI architecture across all KMP targets without platform-specific code.

How do I fix excessive recompositions in Compose Multiplatform?

Fix excessive recompositions in Compose Multiplatform by applying performance optimization techniques like stable types, efficient list rendering, and recomposition management to achieve performance-optimized rendering across KMP targets.

How do I refactor screen state management into a single ViewModel state object?

Refactor screen state management into a single ViewModel state object by consolidating your current reactive streams into a unified StateFlow, ensuring lifecycle-aware state collection and adherence to reactive programming principles.

Can I use Compose Multiplatform for web and desktop UI without losing performance?

Yes, you can use Compose Multiplatform for web and desktop UI without losing performance by applying standard techniques for stable types and recomposition management to maintain performance-optimized rendering across all targets.