Jetpack Compose UI для Meshtastic

★ 7.1 · design

Разработка UI на Jetpack Compose is a Claude Code skill that provides guidelines for building shared UI, adaptive layouts, and handling strings and resources inside the Meshtastic-Android project using Compose Multiplatform and Material 3 Adaptive. Reach for it when a new screen or dialog needs to be added to Meshtastic and it's unclear which component to use; when float values appear unsubstituted in the UI as literal «%1$.1f»; when the app must support tablets and desktop with 1200dp and 1600dp adaptive breakpoints; or when adding a localized string to a CMP project without duplication or runtime errors. The skill covers: `currentWindowAdaptiveInfo` for adaptive layouts; centralized `AlertHost` and `SharedDialogs` from `core:ui/commonMain`; `PlaceholderScreen` for unimplemented JVM features. Strings must go through `core:resources` via `stringResource(Res.string.key)` — hardcoded strings are forbidden. Floats must be pre-formatted with `NumberFormatter` or `MetricFormatter` before interpolation, since `%.Nf` patterns are not substituted by CMP. Non-composable contexts use `formatString` from `core:common`. QR codes use `rememberQrCodePainter`; images use Coil. CMP 1.11+ `@Preview` works in `commonMain`.