xml-to-compose-migration

Community

Migrate Android layouts to Jetpack Compose.

Authorthinhtt264
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Android apps often maintain UI in XML layouts which makes modernization to Jetpack Compose slow and error-prone. This Skill provides a structured approach to migrate or incrementally adopt Compose while preserving behavior and user experience.

Core Features & Use Cases

  • Layout mapping from common XML constructs (LinearLayout, ConstraintLayout) to Compose equivalents.
  • State migration guidance to move from LiveData/ViewModel patterns to State/StateFlow in Compose.
  • Incremental migration strategies using ComposeView or AndroidView to embed Compose in existing layouts or vice versa.
  • Use Case: migrate a single screen to Compose, then progressively replace screens across the app, maintaining navigation and accessibility.

Quick Start

Use the xml-to-compose-migration skill to start converting an Android XML layout file to a Jetpack Compose layout. Provide the root layout file and any related state definitions to begin the transformation.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: xml-to-compose-migration
Download link: https://github.com/thinhtt264/Snaplet-App/archive/main.zip#xml-to-compose-migration

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.