compose-multiplatform-patterns

Consolidate shared Compose Multiplatform UI patterns for Kotlin Multiplatform projects.

Updated Apr 2, 2026
One-click install
npx skills add https://github.com/richardnpaul/everything-vscode-copilot --skill compose-multiplatform-patterns-richardnpaul
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: compose-multiplatform-patterns
Source: https://github.com/richardnpaul/everything-vscode-copilot/tree/main/.github/skills/compose-multiplatform-patterns
Command: npx skills add https://github.com/richardnpaul/everything-vscode-copilot --skill compose-multiplatform-patterns-richardnpaul

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building shared UI across Android, iOS, Desktop, and Web in Kotlin Multiplatform projects is complex and error-prone; this Skill provides patterns for consistent state management, navigation, theming, and performance.

Core Features & Use Cases

  • State management patterns using ViewModel, StateFlow, and Compose integration for predictable UI state.
  • Type-safe navigation, dialog and bottom sheet patterns, and slot-based composables for modular design.
  • Theming strategies (including dynamic theming) and performance optimizations to minimize recomposition.

Quick Start

Start by reviewing the state management and navigation guides to implement shared UI in your Kotlin Multiplatform project.

Frequently Asked Questions about compose-multiplatform-patterns

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

FAQPage Schema
How do I share state management logic across Android, iOS, Desktop, and Web using Compose Multiplatform?

You can share state management logic across Android, iOS, Desktop, and Web in Compose Multiplatform using ViewModel and StateFlow integration to ensure predictable UI state across platforms.

What is the best way to structure type-safe navigation in Kotlin Multiplatform projects?

The best way to structure type-safe navigation in Kotlin Multiplatform projects is by implementing unified navigation patterns with slot-based composables to ensure modular and predictable routing.

How do I minimize recomposition in Compose Multiplatform to improve cross-platform UI performance?

To minimize recomposition in Compose Multiplatform and improve cross-platform UI performance, implement performance-aware patterns and theming strategies designed specifically for shared UI components.

Can I use expect and actual platform components for theming in Kotlin Multiplatform?

Yes, you can use expect and actual platform components in Kotlin Multiplatform to implement unified theming strategies, including dynamic theming, across Android, iOS, Desktop, and Web.

How do I create modular UI design with slot-based composables in a Compose Multiplatform project?

You create modular UI design in a Compose Multiplatform project by utilizing slot-based composables for dialogs and bottom sheets, ensuring consistent cross-platform UI patterns.

Does this Skill provide patterns for handling dialogs and bottom sheets across Android and iOS?

Yes, this Skill provides cross-platform UI patterns for handling dialogs and bottom sheets across Android and iOS using type-safe navigation and slot-based composables.