skills.rest
Zeyden
ZeydenCOMMUNITY
Explore all skills by this author →
GitHub

compose-expert

Build shared Jetpack Compose Multiplatform UI components with state management and Material3 theming.

Updated Aug 23, 2026
Search Tags:#ui#state management#kotlin#compose#composables#multiplatform
One-click install
npx skills add https://github.com/Zeyden/claude-skills --skill compose-expert-zeyden
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: compose-expert
Source: https://github.com/Zeyden/claude-skills/tree/main/skills/compose-expert
Command: npx skills add https://github.com/Zeyden/claude-skills --skill compose-expert-zeyden

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides advanced patterns and best practices for building shared UI components in Jetpack Compose Multiplatform, ensuring consistency and efficiency across Android and Desktop applications.

Core Features & Use Cases

  • Shared Composable Design: Implement reusable UI elements for commonMain.
  • State Management: Utilize remember, derivedStateOf, and produceState for efficient state handling.
  • Theming & Icons: Apply Material3 theming and create custom ImageVector icons.
  • Performance Optimization: Learn techniques to optimize recomposition.
  • Use Case: Develop a custom ActionButton composable that can be used identically on both Android and Desktop apps, adhering to Material3 design principles and managing its own internal click state.

Quick Start

Use the compose-expert skill to find all @Composable functions in the shared module.

Frequently Asked Questions about compose-expert

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

FAQPage Schema
How do I build shared UI components in Jetpack Compose Multiplatform for Android and Desktop?▼

Build shared UI components in Jetpack Compose Multiplatform by implementing reusable @Composable functions in commonMain, ensuring consistent UI elements across Android and Desktop applications with Material3 design principles.

How do I manage state efficiently in Compose Multiplatform using remember, derivedStateOf, and produceState?▼

Manage state efficiently in Compose Multiplatform using remember for basic state retention, derivedStateOf for computed values, and produceState for asynchronous data emission, optimizing recomposition across shared modules.

Can I use Material3 theming and custom ImageVector icons in Compose Multiplatform commonMain?▼

Material3 theming and custom ImageVector icons are fully supported in Compose Multiplatform commonMain, allowing you to apply consistent design systems and scalable vector graphics across Android and Desktop targets.

What's the best way to optimize recomposition in Jetpack Compose Multiplatform?▼

Optimize recomposition in Jetpack Compose Multiplatform by leveraging derivedStateOf to prevent unnecessary recompositions, structuring composable functions for stability, and managing state efficiently with remember and produceState.

Does Compose Multiplatform handle navigation differently across Android and Desktop platforms?▼

Compose Multiplatform delegates navigation to platform-specific experts, meaning navigation logic is handled separately for Android and Desktop rather than sharing a single navigation implementation in commonMain.

When do I need derivedStateOf vs remember for state management in Compose Multiplatform?▼

Use remember in Compose Multiplatform to store basic state across recompositions, and use derivedStateOf when you need to compute a new state from one or more existing states to prevent excessive recompositions.

Related Skills

Explore More Software Engineering Skills→
dimitriRemoivilledimitriRemoiville
1

kmm-architecture

Guide MVVM and Clean Architecture layer placement in Kotlin Multiplatform projects.

Community
Intermediate
tajemniktvtajemniktv
3

tajsos-kmp-architecture

Resolve code placement between commonMain and platform-specific layers in Kotlin Multiplatform projects.

Community
Intermediate
kouisokouiso

compose-multiplatform-patterns

Provide Compose Multiplatform UI patterns for state, navigation, and theming.

Community
Intermediate
abhishekdutta18abhishekdutta18

compose-multiplatform-patterns

Provide patterns for shared UI with Jetpack Compose and Compose Multiplatform.

Community
Advanced