Skills
.Work. You
Rest

compose-multiplatform-patterns

Community

Build cross-platform UIs with Compose.

Software Engineering#state management#ios#android#jetpack compose#compose#ui patterns#kotlin multiplatform
AuthorTakMczk
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides essential patterns and best practices for developing user interfaces using Jetpack Compose and Compose Multiplatform, enabling efficient UI development across multiple platforms.

Core Features & Use Cases

  • State Management: Demonstrates ViewModel integration with StateFlow and the Event Sink pattern for robust state handling.
  • Navigation: Illustrates type-safe navigation with @Serializable routes and handling dialogs/bottom sheets.
  • Composable Design: Offers guidance on slot-based APIs and correct Modifier ordering for flexible and performant UI components.
  • KMP UI: Shows how to use expect/actual for platform-specific composables.
  • Performance: Covers stable types, key(), derivedStateOf, and avoiding allocations.
  • Theming: Includes Material 3 dynamic theming examples.

Quick Start

Activate this skill to get guidance on implementing state management using ViewModels and StateFlow in Compose Multiplatform.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: compose-multiplatform-patterns
Download link: https://github.com/TakMczk/copilot-cli-ecc/archive/main.zip#compose-multiplatform-patterns

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.