compose-expert

Apply reusable component patterns and optimization techniques to Compose Multiplatform UI development.

Updated Mar 13, 2026
One-click install
npx skills add https://github.com/fsales/curso-android-capgemini-proway --skill compose-expert-fsales
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: compose-expert
Source: https://github.com/fsales/curso-android-capgemini-proway/tree/main/exercicio/EAluno/.github/skills/compose-expert
Command: npx skills add https://github.com/fsales/curso-android-capgemini-proway --skill compose-expert-fsales

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps developers design, refactor, and optimize Compose Multiplatform user interfaces by providing proven patterns for reusable components, state handling, theming, and performance.

Core Features & Use Cases

  • Shared UI Architecture: Guides creation of reusable composables, state hoisting patterns, and decisions about commonMain versus platform-specific implementations.
  • Compose Optimization: Provides techniques for recomposition control, remember/derivedStateOf/produceState usage, stable parameters, lazy lists, and Material3 theming.
  • Use Case: Build a cross-platform Android and Desktop interface with shared components, efficient state management, custom ImageVector icons, and consistent Material3 styling.

Quick Start

Use the compose-expert skill to help me refactor this Compose component into a reusable multiplatform composable with optimized state handling.

Frequently Asked Questions about compose-expert

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

FAQPage Schema
How do I optimize Compose Multiplatform recomposition for shared UI components?

To optimize Compose Multiplatform recomposition, apply state hoisting patterns, use remember and derivedStateOf for stable parameters, and control recomposition scope within shared commonMain composables to reduce unnecessary UI rebuilds.

What is the best way to structure state management in Kotlin Compose commonMain?

The best way to structure state management in Kotlin Compose commonMain is by applying state hoisting patterns, utilizing produceState for asynchronous data, and ensuring platform-specific logic is isolated while sharing UI components across Android and Desktop.

How do I create custom ImageVector icons with Material3 theming in Compose?

To create custom ImageVector icons with Material3 theming in Compose, define your vector paths in commonMain and apply consistent Material3 styling tokens to ensure visual coherence across Android and Desktop platforms.

Does Compose Multiplatform support sharing all UI components between Android and Desktop?

Compose Multiplatform supports sharing UI components between Android and Desktop, but requires careful platform sharing decisions to separate commonMain architecture from platform-specific implementations for optimal performance and native behavior.

Why does my Compose Multiplatform component suffer from excessive recomposition?

Excessive recomposition in Compose Multiplatform components usually stems from unstable parameters, missing remember blocks, or improper derivedStateOf usage, which can be fixed by applying recomposition control techniques and state hoisting.

Can I use Material3 theming for cross-platform Compose UI without platform-specific overrides?

You can use Material3 theming for cross-platform Compose UI in commonMain to establish consistent styling, though specific platform sharing decisions may still require isolated overrides for Android and Desktop scenarios.