Xml To Compose Migration

new-silvermoon/awesome-android-agent-skills

Converts Android XML layouts to Jetpack Compose with systematic mappings for every common widget and container. Handles the full workflow from analyzing ConstraintLayouts and LinearLayouts through state migration and testing. The comprehensive reference tables map XML attributes to Compose modifiers (layout_weight to weight(), visibility to conditional composition) and cover RecyclerView to LazyColumn, EditText to TextField with state hoisting, and interop patterns for incremental migration. Especially useful when you're staring at a complex ConstraintLayout or nested LinearLayouts and need the Compose equivalent without guessing. The attribute mapping alone saves time on every migration.

skills.sh installs: 451
GitHub stars: 1K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add new-silvermoon/awesome-android-agent-skills --skill xml-to-compose-migration --agent claude-code

Installs into .claude/skills of the current project.

Files

XML to Compose Migration

Overview

Systematically convert Android XML layouts to idiomatic Jetpack Compose, preserving functionality while embracing Compose patterns. This skill covers layout mapping, state migration, and incremental adoption strategies.

Workflow

1. Analyze the XML Layout

Identify the root layout type (ConstraintLayout, LinearLayout, FrameLayout, etc.).
List all View widgets and their key attributes.
Map data binding expressions (@{}) or view binding references.
Identify custom views that need special handling.
Note any include, merge, or ViewStub usage.

2. Plan the Migration

Decide: Full rewrite or incremental migration (using ComposeView/AndroidView).
Identify state sources (ViewModel, LiveData, savedInstanceState).
List reusable components to extract as separate Composables.
Plan navigation integration if using Navigation component.