compose-expert

Advanced Compose Multiplatform UI patterns for shared composables. Use when working with visual UI components, state management patterns (remember, derivedStateOf, produceState), recomposition optimization (@Stable/@Immutable visual usage), Material3 theming, custom ImageVector icons, or determining whether to share UI in commonMain vs keep platform-specific. Delegates navigation to android-expert/desktop-expert. Complements kotlin-expert (handles Kotlin language aspects of state/annotations).

1. Użyj tego skilla gdy pracujesz nad współdzielanymi komponentami UI w Compose Multiplatform — przede wszystkim przy tworzeniu lub refaktoryzacji elementów interfejsu, które mają działać zarówno na Androidzie, jak i Desktopie.

2. Opisz swój komponent UI lub problem związany z zarządzaniem stanem. Skill pomoże ci wybrać odpowiednie wzorce, takie jak remember, derivedStateOf lub produceState, w zależności od złożoności stanu.

3. Jeśli optymalizujesz wydajność renderowania, poproś skill o wskazówki dotyczące użycia adnotacji @Stable i @Immutable oraz technik takich jak lazy lists czy efektywne ładowanie obrazów.

4. Gdy decydujesz, czy komponent powinien być w commonMain czy pozostać specyficzny dla platformy, skill przeprowadzi cię przez framework decyzyjny — komponenty UI, ikony i theme utilities domyślnie idą do commonMain, podczas gdy nawigacja, layout ekranu i integracje systemowe zostają na platformie.

5. Jeśli Twój problem dotyczy Material3, custom ImageVector lub struktury nawigacji, skill automatycznie deleguje do odpowiedniego eksperta (android-expert, desktop-expert lub kotlin-expert).

6. Stosuj rekomendacje skilla jako część swojego procesu code review — upewnij się, że komponenty są prawidłowo zoptymalizowane i umieszczone w odpowiednim module projektu.