What problem does it solve? Converting legacy Android XML layouts to Jetpack Compose by hand is error-prone and often breaks visual parity, theming, and interoperability. This Skill provides a structured, 10-step methodology that migrates a single XML View to declarative Compose UI while preserving pixel-perfect appearance and functional integrity. ## Core Features & Use Cases - Guided 10-Step Migration: Covers candidate selection, project analysis, planning, baseline screenshot capture, Compose dependency and compiler setup, theming migration, layout conversion, usage replacement, visual validation, and safe XML removal. - Theming & Interop Guidance: Migrates XML themes to Material 3 Compose theming and uses official interoperability APIs (ComposeView, AndroidView, AndroidViewBinding) for hybrid View/Compose projects. - Visual Validation: Compares baseline screenshots against Compose Previews and generates Compose UI tests to confirm parity before deleting legacy XML. - Use Case: An Android developer modernizing a legacy app selects a simple item layout, follows the workflow to produce an equivalent composable with a Preview, validates it against a screenshot, and safely removes the old XML file. ## Quick Start Migrate the XML layout res/layout/item_user_profile.xml to Jetpack Compose following the migration workflow.
