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

Ready to run

npx skills add https://github.com/Zeyden/claude-skills --skill compose-expert-zeyden

💬 Prompt for ChatGPT / Claude Chat▼

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.