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.