Enforce stateless components and MaterialTheme patterns in Jetpack Compose UIs.
npx skills add https://github.com/devanfer02/telnetquiz --skill compose-ui-devanfer02
Please help me install this Agent Skill. Skill: compose-ui Source: https://github.com/devanfer02/telnetquiz/tree/main/.claude/skills/compose-ui Command: npx skills add https://github.com/devanfer02/telnetquiz --skill compose-ui-devanfer02
This Skill guides developers to write Jetpack Compose UIs that are maintainable by enforcing stateless components, consistent theming, and careful modifier usage, reducing churn and bugs.
Refactor a public Composable so it is stateless, accepts state as parameters, exposes events, and applies a default Modifier to the root layout.
High-intent search queries and answers about installing and using this skill.
To hoist state in Jetpack Compose, you refactor a composable to receive state as parameters and expose events via lambdas, moving state management to a ViewModel to ensure the UI component remains stateless and easily testable.
Reducing recompositions in Jetpack Compose involves using performance-conscious patterns like remember to cache instance values and derivedStateOf to limit recomposition scope, minimizing UI jank and improving overall app responsiveness.
Applying modifiers correctly in Jetpack Compose requires adding a default Modifier parameter to the root layout element of your composable, ensuring predictable layout behaviors and consistent interactions across different usage contexts.
MaterialTheme in Jetpack Compose standardizes UI theming by providing a centralized definition for colors, typography, and shapes, allowing composables to consume these styles consistently across all application features.
You can apply this Skill to any existing Kotlin-based Jetpack Compose project to refactor composables, enforce unidirectional data flow, and standardize theming without requiring additional dependencies.
Unpredictable layout behavior in Jetpack Compose often occurs when composables do not accept a default Modifier parameter for their root element, preventing proper layout configuration from parent call sites.
decoutkhanqindevMigrate Compose UI flow collection to lifecycle-aware operators.
maxrave-devGuide Jetpack Compose UI development with state hoisting and performance optimizations.
sahuadarsh0Guide Kotlin Android UI development with Jetpack Compose stateless components and unidirectional data flow.
krutikJainManage XML layouts, ConstraintLayout, Fragments, ViewBinding, and DataBinding for Android UI.
