compose-migration

What problem does it solve?

This Skill helps you convert an Android UI built with the classic View system (XML layouts, RecyclerView, Adapter, and typical UI components) into Jetpack Compose, reducing manual refactor effort and keeping behavior consistent.

Core Features & Use Cases

• End-to-end Compose migration workflow: From planning and dependency checks to rewriting screens and validating the result.
• Practical code templates for key UI parts: Screen creation with @Composable, replacing setContentView via setContent, and migrating list UIs from RecyclerView to LazyColumn.
• Common UI migration mappings: Menu (onCreateOptionsMenu → DropdownMenu), dialogs (AlertDialog.Builder → AlertDialog), and search (SearchView → OutlinedTextField), plus StateFlow-based state management.
• Migration validation checklist: Verifies Compose usage patterns (e.g., @Composable, collectAsState, LazyColumn) and compile success using ./gradlew compileDebugKotlin.
• Use Case: You’re asked to “rewrite the XX screen with Compose,” and you need a repeatable checklist and ready-to-adapt implementation snippets for the Activity, ViewModel, list rendering, and interaction UI elements.

Quick Start

Ask the Compose-migration skill to provide a step-by-step refactor plan and code template to migrate your specific View screen into a Jetpack Compose XxxScreen with StateFlow, LazyColumn, and migrated menu/dialog/search.