migrate-xml-views-to-jetpack-compose
This skill walks you through systematically converting legacy XML layouts into declarative Jetpack Compose components. Following a 10-step methodology—from candidate selection and dependency setup through theming, migration, validation, and cleanup—you'll achieve pixel-perfect visual parity while preserving functional integrity and project conventions.
migrate-xml-views-to-jetpack-compose guides you through converting legacy Android XML layouts to modern Jetpack Compose UI.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-14
migrate-xml-views-to-jetpack-compose guides you through converting legacy Android XML layouts to modern Jetpack Compose UI. This skill walks you through systematically converting legacy XML layouts into declarative Jetpack Compose components. Following a 10-step methodology—from candidate selection and dependency setup through theming, migration, validation, and cleanup—you'll achieve pixel-perfect visual parity while preserving functional integrity and project conventions.
Use it when
- migrate-xml-views-to-jetpack-compose provides a structured 10-step approach: identify candidate screens, establish Compose dependencies.
- migrate-xml-views-to-jetpack-compose covers dependency setup and theming configuration as core steps in the migration process.
Verify before relying
Read SKILL.md below before installing (8 files). Open directory: indexed for reading, not audited.
Install
android/skills/migrate-xml-views-to-jetpack-compose · repository language: Python
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I migrate XML views to Jetpack Compose?
migrate-xml-views-to-jetpack-compose walks you through a 10-step methodology for converting legacy XML layouts into declarative Compose components. Start by selecting migration candidates, set up Jetpack Compose dependencies and theming, then systematically convert XML Views to modern Compose components while maintaining interoperability. The skill guides you through validation, testing, and cleanup to achieve pixel-perfect visual parity while preserving functional integrity.
What's the step-by-step process for converting Android XML layouts to Compose?
migrate-xml-views-to-jetpack-compose provides a structured 10-step approach: identify candidate screens, establish Compose dependencies, configure theming to match your design system, convert XML layouts to Compose equivalents, replace legacy Views with Compose components, validate visual and functional parity, test interoperability between old and new code, update project conventions, perform cleanup, and document the migration. This incremental workflow lets you modernize your UI without disrupting active development.
How can I set up Jetpack Compose dependencies and theming for XML migration?
migrate-xml-views-to-jetpack-compose covers dependency setup and theming configuration as core steps in the migration process. The skill shows you how to add required Compose libraries to your project, establish a cohesive Material Design theme that matches your existing XML design system, and ensure visual consistency across both declarative and legacy code. Proper theming upfront prevents rework and maintains design integrity throughout the migration.
Can I replace XML Views with Compose while maintaining interop?
Yes. migrate-xml-views-to-jetpack-compose emphasizes validation and interoperability as key steps. The skill teaches you how to run both XML and Compose code side-by-side, test functional equivalence, and use Compose's interop APIs to embed Compose components in XML layouts and vice versa. This approach lets you migrate incrementally without forcing a complete rewrite, preserving your project's stability and team velocity.
What does incremental UI modernization from XML to Compose involve?
migrate-xml-views-to-jetpack-compose supports incremental modernization by letting you migrate one screen or component at a time rather than all at once. The skill guides you through planning which screens to convert first, executing the migration in phases, validating each phase independently, and maintaining interoperability between old and new code. This staged approach reduces risk, allows parallel development, and lets you learn Compose gradually while keeping your app stable.
How do I validate that my Compose migration maintains visual and functional parity?
migrate-xml-views-to-jetpack-compose includes validation as a dedicated step in the 10-step methodology. The skill teaches you how to compare XML and Compose implementations side-by-side, test user interactions, verify layout dimensions and spacing, check theme application, and ensure all business logic works identically. Thorough validation before cleanup prevents regressions and gives you confidence that your modernized UI behaves exactly like the original.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
This skill guides through the process of migrating an existing Android XML View to Jetpack Compose. It performs a stable, safe and visually consistent transition by following a structured, 10-step methodology. This skill migrates UI (XML to Jetpack Compose) only.
Objective
To systematically convert a single legacy XML layout into modern, declarative Jetpack Compose UI while maintaining pixel-perfect visual parity and
(truncated - see the full file via the links below)
File tree — 8 files
jetpack-compose/migration/migrate-xml-views-to-jetpack-compose/SKILL.md
jetpack-compose/migration/migrate-xml-views-to-jetpack-compose/references/analysis-of-the-project-and-layout.md
jetpack-compose/migration/migrate-xml-views-to-jetpack-compose/references/android/develop/ui/compose/designsystems/migrate-xml-theme-to-compose.md
jetpack-compose/migration/migrate-xml-views-to-jetpack-compose/references/android/develop/ui/compose/migrate/interoperability-apis/compose-in-views.md
jetpack-compose/migration/migrate-xml-views-to-jetpack-compose/references/android/develop/ui/compose/migrate/interoperability-apis/views-in-compose.md
jetpack-compose/migration/migrate-xml-views-to-jetpack-compose/references/android/develop/ui/compose/setup-compose-dependencies-and-compiler.md
jetpack-compose/migration/migrate-xml-views-to-jetpack-compose/references/identify-optimal-xml-candidate.md
jetpack-compose/migration/migrate-xml-views-to-jetpack-compose/references/xml-layout-migration.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Migrate an existing Android XML layout to Jetpack Compose”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
This skill guides you through converting Android XML layouts to idiomatic Jetpack Compose code. It provides layout mapping tables for common containers and widgets, attribute translation, and patterns for state migration from LiveData to Compose state. Use it for full rewrites or incremental adoption via ComposeView interop.
This skill teaches you to develop Android XR augmented experiences for display glasses using Jetpack Compose Glimmer, Google's UI toolkit designed for transparent, additive displays. You'll master Glimmer design principles, theming with GlimmerTheme, and component implementation while adhering to glasses-specific constraints like minimum text legibility and black backgrounds. Use it to create lightweight, real-world-aware apps that project from a host device to connected eyewear.
This dispatcher skill identifies whether your Android project uses Kotlin Views or Jetpack Compose, then routes you to the appropriate CometChat v6 skill for your task. It covers setup, components, theming, customization, events, push notifications, and troubleshooting across both UI frameworks.
Styles guides you through adopting Jetpack Compose's Styles API for custom UI components and themes. Follow step-by-step workflows to upgrade dependencies, establish ComponentStyles, and migrate components using Modifier.styleable to replace hard-coded styling parameters with unified style attributes.
Master the core patterns of Jetpack Compose to construct responsive, accessible Android interfaces. This skill covers layouts, modifiers, theming, and component design while emphasizing stable state and semantic correctness over premature optimization.
Step-by-step migration guide for moving Android apps from CometChat UIKit V5 to the stable V6 release. Covers dependency rewrites, the Compose vs Kotlin Views surface choice, builder API changes including the new UIKitSettings pattern, theme system updates, and bundled calls integration—plus a verification checklist to validate your migration.
More skills Cometchat Android V6 Compose Theming (unlicensed) · Compose Expert (NOASSERTION) · android-coil-compose (MIT) · heroui-migration (Apache-2.0)