Standardize Jetpack Compose UI patterns for stateless components and theming.
npx skills add https://github.com/SheTieJun/BaseKit --skill compose-ui-shetiejun
Please help me install this Agent Skill. Skill: compose-ui Source: https://github.com/SheTieJun/BaseKit/tree/main/.trae/skills/compose-ui Command: npx skills add https://github.com/SheTieJun/BaseKit --skill compose-ui-shetiejun
This Skill provides a clear, reusable pattern for building Jetpack Compose user interfaces by promoting state hoisting, predictable modifier usage, and consistent theming, reducing churn and boilerplate.
Refactor a sample Composable to hoist its state to the caller, add a Modifier parameter, and apply modernization guidelines from this skill.
High-intent search queries and answers about installing and using this skill.
State hoisting in Jetpack Compose standardizes UI patterns by making Composables stateless, with explicit state flowing down and events flowing up. This separation improves consistency and maintainability across your app.
The best way to handle Modifier parameters in Jetpack Compose is to always expose a Modifier parameter and apply it to the root element. Mindful ordering is required to correctly handle layout versus interaction logic.
To apply consistent theming and typography across Compose UI elements, rely on Material Theme color schemes. This approach enforces consistent visuals and accessibility standards throughout your application.
You should refactor Composables to hoist state to the caller because it enforces stateless component design, reducing churn and boilerplate. This pattern makes your UI predictable, reusable, and easier to test.
Standardizing Jetpack Compose UI patterns does not require external dependencies. It relies purely on enforcing state hoisting, proper Modifier handling, and Material Theme-driven styling using built-in Compose APIs.
patlar104Teach Android testing patterns for Kotlin apps using MockK and Jetpack Compose.
thinhtt264Diagnose Jetpack Compose rendering, jank, and recomposition issues using Perfetto traces.
jhparktimeEnforce state hoisting, modifiers, and theming in Jetpack Compose UI.
siddhantparadoxConvert Android XML layouts to Jetpack Compose code.
