compose-expert
Wzorce UI dla współdzielonych komponentów Compose na Android i Desktop
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do budowania i optymalizacji interfejsów użytkownika w Compose Multiplatform. Pomaga w tworzeniu komponentów UI, zarządzaniu stanem (remember, derivedStateOf, produceState), optymalizacji renderowania (@Stable/@Immutable), Material3 i ikonach ImageVector. Decyduje, czy komponenty umieścić w commonMain czy utrzymać jako specyficzne dla platformy. Współpracuje z kotlin-expert i deleguje nawigację do android-expert/desktop-expert.
Jak używać
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.
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.
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.
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.
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).
Stosuj rekomendacje skilla jako część swojego procesu code review — upewnij się, że komponenty są prawidłowo zoptymalizowane i umieszczone w odpowiednim module projektu.