What problem does it solve?
This Skill helps developers write Jetpack Compose UI code that is idiomatic, maintainable, accessible, and performant, reducing bugs and improving code quality.
Core Features & Use Cases
- Composable Best Practices: Provides guidelines on naming, parameter order, and single responsibility for composable functions.
- State Management: Demonstrates correct usage of
remember, derivedStateOf, and rememberSaveable.
- Side Effects: Explains when and how to use
LaunchedEffect, DisposableEffect, SideEffect, and rememberCoroutineScope.
- Accessibility: Covers content descriptions, touch target sizes, semantic roles, and screen reader order.
- Theming: Enforces the use of
MaterialTheme over hardcoded values.
- Lazy Lists: Guides on using
key for stable item rendering.
- State Hoisting: Promotes stateless composables by hoisting state.
- Common Patterns: Includes examples for loading/error/content states, pull-to-refresh, and keyboard navigation.
- Checklists: Provides pre-commit checklists for new composables.
Quick Start
Use the compose-editor skill to refactor the provided composable function to follow best practices for state hoisting and parameter order.