skills.rest
zh667
zh667COMMUNITY
Explore all skills by this author →
GitHub

compose-multiplatform-patterns

Define reusable Compose Multiplatform UI patterns for Android, iOS, Desktop, and Web.

Updated Aug 23, 2026
Search Tags:#theming#navigation#state-management#ui-patterns#kmp#compose-multiplatform
One-click install
npx skills add https://github.com/zh667/person-blog --skill compose-multiplatform-patterns-zh667
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: compose-multiplatform-patterns
Source: https://github.com/zh667/person-blog/tree/main/.cursor/skills/compose-multiplatform-patterns
Command: npx skills add https://github.com/zh667/person-blog --skill compose-multiplatform-patterns-zh667

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Patterns for building shared UI across Android, iOS, Desktop, and Web using Compose Multiplatform and Jetpack Compose address the challenge of maintaining consistent cross-platform UI with minimal duplication and effort.

Core Features & Use Cases

  • State management: Patterns using ViewModel + StateFlow for shared state across platforms.
  • Navigation: Type-safe, cross-platform navigation patterns for robust routing.
  • Theming & Design Systems: Unified theming across Android, iOS, Desktop, and Web with Material 3 guidance.
  • Use Case: Build a common detail screen shared between Android and iOS projects with platform-specific adjustments.

Quick Start

Import the shared patterns into your KMP or Android project and start wiring a cross-platform screen to verify integration.

Frequently Asked Questions about compose-multiplatform-patterns

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

FAQPage Schema
How do I unify cross-platform UI development across Android, iOS, Desktop, and Web?▼

To unify cross-platform UI development, you can apply shared Compose Multiplatform patterns for state management, type-safe navigation, and Material 3 theming to minimize code duplication across Android, iOS, Desktop, and Web.

What is the best way to manage shared state across platforms in Compose Multiplatform?▼

The best way to manage shared state in Compose Multiplatform is using ViewModel combined with StateFlow patterns, allowing consistent state handling across Android, iOS, Desktop, and Web.

How do I set up type-safe navigation in a KMP project?▼

To set up type-safe navigation in a KMP project, implement the provided cross-platform navigation patterns designed to ensure robust routing across Android, iOS, Desktop, and Web targets.

Can I use Material 3 theming across all Compose Multiplatform targets?▼

Yes, you can use Material 3 theming across all targets by applying the platform-aware unified theming patterns designed specifically for Compose Multiplatform projects.

How do I implement platform-specific adjustments on a shared detail screen?▼

To implement platform-specific adjustments on a shared detail screen, import the reusable UI patterns into your KMP project and wire the screen with the provided platform-aware examples.

Does this approach support performance optimizations for cross-platform UI?▼

Yes, this approach supports performance optimizations by defining specific patterns and examples for optimizing cross-platform UI performance alongside state, navigation, and theming.

Related Skills

Explore More Software Engineering Skills→
XiaoPuOuOXiaoPuOuO
1

compose-multiplatform-patterns

Automate shared UI pattern adoption across Android, iOS, Desktop, and Web with Compose Multiplatform.

Community
Intermediate
RUSHYOPRUSHYOP

compose-multiplatform-patterns

Build cross-platform UI patterns for Compose Multiplatform across Android, iOS, Desktop, and Web.

Community
Intermediate
emiled16emiled16

compose-multiplatform-patterns

Standardize Compose Multiplatform UI architecture with ViewModel-driven state and type-safe navigation.

Community
Advanced
D0NMEGAD0NMEGA
8

compose-multiplatform-patterns

Design reusable Compose Multiplatform UI patterns for Kotlin Multiplatform projects.

Community
Intermediate