skills.rest
SheTieJun
SheTieJunCOMMUNITY
Explore all skills by this author →
GitHub

xml-to-compose-migration

Convert Android XML layouts to Jetpack Compose with state migration.

8|1|Updated Jun 12, 2018
Search Tags:#ui#layout#migration#android#xml#compose#jetpack
One-click install
npx skills add https://github.com/SheTieJun/BaseKit --skill xml-to-compose-migration-shetiejun
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: xml-to-compose-migration
Source: https://github.com/SheTieJun/BaseKit/tree/main/.trae/skills/xml-to-compose-migration
Command: npx skills add https://github.com/SheTieJun/BaseKit --skill xml-to-compose-migration-shetiejun

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps Android developers migrate from XML-based layouts to Jetpack Compose, enabling modern UI without a full rewrite.

Core Features & Use Cases

  • Layout mapping: convert common containers like LinearLayout, FrameLayout, and ConstraintLayout to Compose equivalents (Column, Box, Row, and ConstraintLayout as needed).
  • State and binding migration: replace findViewById, ViewBinding, or DataBinding with Compose state hoisting and LiveData/StateFlow collection.
  • Incremental migration strategies: plan full rewrite or progressive adoption using ComposeView or AndroidView with minimal disruption.

Quick Start

Provide an Android XML layout string and request its Jetpack Compose equivalent, with a basic state example and a small Preview.

Frequently Asked Questions about xml-to-compose-migration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate Android XML layouts to Jetpack Compose?▼

To migrate Android XML layouts to Jetpack Compose, map common containers like LinearLayout and ConstraintLayout to Compose equivalents such as Column, Row, and Box, while replacing ViewBinding with state hoisting and LiveData collection.

What is the best way to handle state migration when moving from DataBinding to Jetpack Compose?▼

State migration from DataBinding to Jetpack Compose involves replacing findViewById and ViewBinding with Compose state hoisting, utilizing LiveData or StateFlow collection to manage UI state reactively across the modernized layout components.

Can I incrementally adopt Jetpack Compose in an existing XML Android app?▼

Yes, you can incrementally adopt Jetpack Compose in existing XML Android apps using interop strategies like AndroidView and ComposeView, enabling progressive UI modernization without requiring a full codebase rewrite.

Do I need any external tools to convert XML layouts into Compose code?▼

No external tools are required to convert XML layouts into Compose code beyond a standard Android development setup and basic Kotlin knowledge, allowing direct mapping of FrameLayout to Box and similar structural transformations.

How does ConstraintLayout migration work when converting XML UI to Compose?▼

ConstraintLayout migration to Jetpack Compose involves mapping the XML constraints to the Compose ConstraintLayout equivalent, ensuring existing complex layout relationships are preserved while transitioning the UI structure to the modern declarative format.

Related Skills

Explore More Software Engineering Skills→
adzcsx2adzcsx2
1

adt:android-i18n

Detect hardcoded Chinese strings in Android XML and Kotlin/Java files and generate localized resources.

Community
Intermediate
sahuadarsh0sahuadarsh0
1

xml-to-compose-migration

Translate Android XML layouts into Jetpack Compose with preserved semantics.

Community
Intermediate
rcosteira79rcosteira79
119

xml-to-compose-migration

Migrates Android XML UI and View-based components to Jetpack Compose code.

Community
Intermediate
tajemniktvtajemniktv
3

migrate-xml-views-to-jetpack-compose

Convert Android XML View layouts to Jetpack Compose UI.

Community
Advanced