compose-editor

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.