migrate-xml-views-to-jetpack-compose

Migrate Android XML View layouts to Jetpack Compose with a 10-step workflow.

8|1|Updated Mar 30, 2026
One-click install
npx skills add https://github.com/drewid74/ai_skills --skill migrate-xml-views-to-jetpack-compose-drewid74
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: migrate-xml-views-to-jetpack-compose
Source: https://github.com/drewid74/ai_skills/tree/main/android-compose-migration
Command: npx skills add https://github.com/drewid74/ai_skills --skill migrate-xml-views-to-jetpack-compose-drewid74

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Migrating a legacy Android XML View UI to Jetpack Compose while preserving visual and functional parity without breaking existing interoperability.

Core Features & Use Cases

  • Step-by-step migration workflow: Follows a structured 10-step process from candidate selection through validation and cleanup.
  • Android-specific setup and theming: Handles Compose dependency/compiler setup and minimal theming migration for the target screen only.
  • Interop and safe rollout: Guides hybrid adoption by replacing usages via Compose-in-Views or Views-in-Compose and cautious XML removal.

Quick Start

Use this skill to migrate the specified XML layout file to a new Jetpack Compose screen and validate it against a baseline screenshot.

Frequently Asked Questions about migrate-xml-views-to-jetpack-compose

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

FAQPage Schema
How do I migrate Android XML views to Jetpack Compose incrementally?

Migrate Android XML views to Jetpack Compose incrementally by following a structured 10-step workflow that handles hybrid interoperability via ComposeView and AndroidView, enabling safe coexistence during the transition.

What is the best way to maintain visual parity when converting XML layouts to Compose?

Maintain visual parity when converting XML layouts to Compose by using screenshot-based validation against a baseline and applying minimal theming migration targeted specifically at the screen being converted.

Can I use Jetpack Compose alongside my existing XML views in Android?

Yes, you can use Jetpack Compose alongside existing XML views through UI interoperability, embedding Compose in Views with ComposeView or embedding Views in Compose with AndroidView for incremental adoption.

How do I set up Jetpack Compose dependencies for a single screen migration?

Set up Jetpack Compose dependencies for a single screen migration by configuring the compiler and applying minimal theming setup exclusively for the target screen, avoiding full application theming overhauls.

When should I remove XML layout files after migrating to Jetpack Compose?

Remove XML layout files after migrating to Jetpack Compose only after completing usage replacement and passing screenshot-based validation, ensuring cautious cleanup to avoid breaking existing interoperability.