Guide Jetpack Compose UI development with stateless composables and Material 3 theming.
npx skills add https://github.com/Binh230199/ai --skill android-compose-ui
Please help me install this Agent Skill. Skill: android-compose-ui Source: https://github.com/Binh230199/ai/tree/main/.github/skills/android-compose-ui Command: npx skills add https://github.com/Binh230199/ai --skill android-compose-ui
It helps teams design, review, and refactor Jetpack Compose UI for Android apps without introducing state, theming, navigation, or performance mistakes.
Ask the AI to review or generate a Compose screen for your Android or AAOS app using hoisted state, Material 3 tokens, lifecycle-safe effects, and automotive touch-target rules.
High-intent search queries and answers about installing and using this skill.
To enforce state hoisting in Jetpack Compose, design stateless composables by moving state up to the parent. This pattern ensures screens remain testable and reusable without decoupling UI rendering from state ownership.
The best way to migrate XML layouts to Jetpack Compose involves applying XML interop patterns incrementally. You refactor existing views into composables while maintaining lifecycle-safe state collection and Material 3 theming.
Optimize Jetpack Compose recomposition by using stable keys and immutable inputs. Ensure correct side-effect handling and lifecycle-safe state collection to prevent unnecessary recompositions and improve app performance.
Yes, Jetpack Compose works with Android Automotive OS by applying specific UI constraints. You must implement automotive touch-target rules and driver safety patterns alongside standard Material 3 theming for AAOS builds.
You need lifecycle-safe state collection in Compose whenever handling side effects or asynchronous data streams. It prevents memory leaks and ensures state updates only occur when the composable is actively rendering.
Your Compose screen fails Material 3 theming standards if it bypasses Material 3 tokens. Apply proper theming wrappers and enforce design system tokens during code review to ensure consistent UI styling.
thinhtt264Convert Android XML layouts to Jetpack Compose composables.
costularDiagnose Jetpack Compose recomposition issues by examining parameter stability and State read phases.
skeletorfletBuild Android UIs with Jetpack Compose, ViewModel, StateFlow, and Material 3.
maxrave-devConvert Android XML layouts and View widgets into Jetpack Compose code.
