Agent skill

Migrate XML Views To Jetpack Compose

by arindamxd in arindamxd/camerax-android

Provides a structured workflow for migrating an Android XML View to Jetpack Compose.

Apache-2.0Auto-check passedMobile

Install Migrate XML Views To Jetpack Compose

skills CLI
$ npx skills add arindamxd/camerax-android --skill migrate-xml-views-to-jetpack-compose -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install arindamxd/camerax-android migrate-xml-views-to-jetpack-compose --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/arindamxd/camerax-android.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/migrate-xml-views-to-jetpack-compose .claude/skills/migrate-xml-views-to-jetpack-compose && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
migrate-xml-views-to-jetpack-compose
GitHub stars
132
Used in
5 other repos
Token cost
~1.4k tokens
SKILL.md length
634 words
Files
8 (incl. references)
Skills in repo
21
Repo updated
First seen
Licence
Apache-2.0

At a glance

Provides a structured workflow for migrating an Android XML View to Jetpack Compose.

  • Works in 10 steps: Identify the optimal XML candidate for… → Analyze the project and layout → Create a plan → …
  • You need to migrate an XML View to Jetpack Compose in an Android project
  • SKILL.md covers Objective, Summary of the 10-step… and Detailed steps
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Migrate XML Views To Jetpack Compose is an agent skill from arindamxd/camerax-android. Provides a structured workflow for migrating an Android XML View to Jetpack Compose. This skill details the step-by-step process, from planning and dependency setup, to theming and layout migration, validation and XML cleanup. Use this skill when you need to migrate an XML View to Jetpack Compose in an Android project. It solves the problem of converting the UI of a legacy XML View into modern, declarative Compose components while maintaining interoperability.

Its SKILL.md is about 1.4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 15 other files, including reference files (for example `references/analysis-of-the-project-and-layout.md`, `references/android/develop/ui/compose/designsystems/migrate-xml-theme-to-compose.md` and `references/android/develop/ui/compose/migrate/interoperability-apis/compose-in-views.md`).

It sits in Mobile, covering Android development and Theming and dark mode. It works with Jetpack Compose and Android. The repository describes itself as: A Play Store camera app showing Jetpack CameraX APIs in Kotlin — install it, use it, copy the patterns. The licence is Apache-2.0.

When your agent uses it

  • You need to migrate an XML View to Jetpack Compose in an Android project
  • Tasks that involve Android development
  • Tasks that involve Theming and dark mode

Example prompts

  • “Use the migrate-xml-views-to-jetpack-compose skill to provide a structured workflow for migrating an Android XML View to Jetpack Compose”
  • “/migrate-xml-views-to-jetpack-compose”

Workflow steps

10 steps, taken from the step headings in SKILL.md.

  1. Identify the optimal XML candidate for migration
  2. Analyze the project and layout
  3. Create a plan
  4. Capture the XML View UI
  5. Set up Compose dependencies and compiler
  6. Set up Compose theming
  7. Migrate the XML View to Compose
  8. Replace usages
  9. Validate the migration
  10. XML code removal

What it can do on your machine

Read from SKILL.md and the folder at commit 7c36352. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Migrate XML Views To Jetpack Compose loads about 1.4k tokens when it runs, and up to ~13k if it reads all its reference files. Until then it costs about 125 tokens; SKILL.md has 634 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~125
When it runs · the whole SKILL.md, loaded when a task matches
~1.4k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~13k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from arindamxd/camerax-android at commit 7c36352, republished under its Apache-2.0 licence (© arindamxd). 634 words, ~1,359 tokens.

Download SKILL.mdSave it as .claude/skills/migrate-xml-views-to-jetpack-compose/SKILL.md (or your agent's skills folder). This skill also uses 7 other files; get the full folder from GitHub.
name
migrate-xml-views-to-jetpack-compose
description
Provides a structured workflow for migrating an Android XML View to Jetpack Compose. This skill details the step-by-step process, from planning and dependency setup, to theming and layout migration, validation and XML cleanup. Use this skill when you need to migrate an XML View to Jetpack Compose in an Android project. It solves the problem of converting the UI of a legacy XML View into modern, declarative Compose components while maintaining interoperability.
license
Complete terms in LICENSE.txt
metadata.author
Google LLC
metadata.last-updated
2026-08-06
metadata.keywords
Jetpack Compose, migration, XML, Views, interoperability, incremental adoption, UI development

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 functional integrity.

Summary of the 10-step migration process

  1. Identify the optimal XML candidate for migration
  2. Analyze the project and layout
  3. Create a plan
  4. Capture the XML View UI
  5. Set up Compose dependencies and compiler
  6. Set up Compose theming
  7. Migrate the XML layout to Compose
  8. Validate the migration
  9. Replace usages
  10. XML code removal

Detailed steps

Step 1: Identify the optimal XML candidate for migration

If the user has explicitly specified a target XML layout, proceed to Step 2. Otherwise, analyze the codebase to identify the best candidate for migration by following the logic in references/identify-optimal-xml-candidate.md.

Step 2: Analyze the project and layout

Analyze the identified XML View's structure, hierarchy, and implementation details. Use references/analysis-of-the-project-and-layout.md to guide your technical audit of the layout and surrounding project context.

Step 3: Create a plan

Using the outputs and analysis done in the Step 1 and 2, generate a step-by-step plan for the migration. If you support user interaction, present to the user and ask for approval before proceeding. If user interaction is not supported, proceed to Step 4 following the generated plan.

Step 4: Capture the XML View UI

IF you support user interaction, ask the user to upload a screenshot of the XML View UI or provide an absolute path to a file. Use this image as a visual reference for the layout migration in Step 7. ELSE IF you are able to run an Android emulator, locate an existing screenshot test for the XML candidate. If none exists, create one using the existing project testing framework. If no framework exists, use UI Automator or Espresso to create a screenshot test with minimum required setup. Run the test and take a baseline screenshot of the XML UI. ELSE proceed to Step 5.

Step 5: Set up Compose dependencies and compiler

Check build.gradle or libs.versions.toml for Compose dependencies and compiler setup. If missing, use Setup Compose Dependencies and Compiler. Run a sync to ensure dependencies resolve without errors.

Show full SKILL.md (239 more words)Show less
Step 6: Set up Compose theming

If the project already has Compose theming set up, proceed to Step 7. If Compose theming is missing, initialize it. For Material-based projects, follow Material 3 migration guidelines. For custom design systems, apply expert judgment to migrate XML theming and match existing styles. Constraints: Do not migrate the entire theme. Implement only the minimum theming required for the specific XML candidate. Maintain original XML themes for interoperability. Maintain existing project code conventions, patterns, names and values.

Step 7: Migrate the XML View to Compose

Convert the XML candidate to Jetpack Compose code, referencing references/xml-layout-migration.md and the image from Step 4. You must include a Compose Preview for the newly created composable to facilitate visual verification.

Step 8: Replace usages

Replace the usages of the migrated XML layout to use the new Compose component.

Step 9: Validate the migration

Compare the baseline screenshot image from Step 4 with the rendered Compose Preview of the new composable. Ignore string content; focus on layout and styling. Iterate on the Compose code until visual parity is achieved. Once verified, write a Compose UI test for the new composable.

Step 10: XML code removal

Delete the migrated XML file and its associated legacy tests. Caution: Only remove code and resources that are not referenced by other parts of the project.

© arindamxd, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 7 other files (references) in .agents/skills/migrate-xml-views-to-jetpack-compose of arindamxd/camerax-android.

  • SKILL.md
  • references/analysis-of-the-project-and-layout.md
  • references/android/develop/ui/compose/designsystems/migrate-xml-theme-to-compose.md
  • references/android/develop/ui/compose/migrate/interoperability-apis/compose-in-views.md
  • references/android/develop/ui/compose/migrate/interoperability-apis/views-in-compose.md
  • references/android/develop/ui/compose/setup-compose-dependencies-and-compiler.md
  • references/identify-optimal-xml-candidate.md
  • references/xml-layout-migration.md

Open the folder on GitHubat commit 7c36352

Used in 5 other repositories

We found 9 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 5 other GitHub owners. This page covers the copy in arindamxd/camerax-android, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Migrate XML Views To Jetpack Compose next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Migrate XML Views To Jetpack Compose compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Migrate XML Views To Jetpack Compose this skillarindamxd/camerax-android1325 repos~1.4kAutomated safety check: PassApache-2.0
Compose Multiplatform Patternsmonta-app/ocpp-emulator1805 repos~2kAutomated safety check: PassApache-2.0
Hz Metavrx Layout SDKmeta-quest/agentic-tools213—~855Automated safety check: PassApache-2.0
Android Compose Patternsmakifbaysal/tasktrooper109—~1.9kAutomated safety check: PassApache-2.0
Material 3hamen/material-3-skill1.5k2 repos~7.8kAutomated safety check: PassMIT
STS Amethyst Launcher Design SystemModinMobileSTS/SlayTheAmethystModded402—~1.7kAutomated safety check: PassCustom licence

Similar skills

  • Compose Multiplatform Patterns

    monta-app/ocpp-emulator

    Compose Multiplatform and Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, and platform-specific UI.

    180 GitHub starsUsed in 5 repos~2k tokens
    MobileAuto-check passed
  • Hz Metavrx Layout SDK

    meta-quest/agentic-tools

    Build multi-window Meta Horizon OS experiences with the MetaVrx Layout SDK in Jetpack Compose or React Native.

    213 GitHub stars~855 tokensUpdated 13 days ago
    MobileAuto-check passed
  • Android Compose Patterns

    makifbaysal/tasktrooper

    A skill your agent uses when building native Android with Jetpack Compose - stateless composables, state hoisting, ViewModel-owned state, edge-to-edge, predictive back, adaptive layout, atomic…

    109 GitHub stars~1.9k tokensUpdated today
    MobileAuto-check passed
  • Material 3

    hamen/material-3-skill

    Implement Google's Material Design 3 (Material You) UI system.

    1.5k GitHub starsUsed in 2 repos~7.8k tokens
    Frontend & DesignAuto-check passed
  • STS Amethyst Launcher Design System

    ModinMobileSTS/SlayTheAmethystModded

    Design system imported from the SlayTheAmethyst Android Jetpack Compose launcher: Material 3 surfaces, user-selected seed colors, light and dark themes and typography rules.

    402 GitHub stars~1.7k tokensUpdated today
    Frontend & DesignAuto-check passed
  • Make the CometChat Android v6 UI match your app in the Jetpack Compose cohort — theming with the CometChatTheme composable and lightColorScheme/darkColorScheme, per-component style data classes…

    130 GitHub stars~2k tokensUpdated 2 days ago
    Frontend & DesignAuto-check passed

More from arindamxd/camerax-android

All 21 skills in this repo
  • Styles

    arindamxd/camerax-android

    A skill your agent uses to integrate the Jetpack Compose Styles API into an Android project.

    132 GitHub starsUsed in 4 repos~2.3k tokens
    Auto-check passed
  • Verified Email

    arindamxd/camerax-android

    Provides a complete workflow for implementing verified email retrieval on Android Credential Manager API.

    132 GitHub starsUsed in 4 repos~4.7k tokens
    Auto-check passed
  • Edge To Edge

    arindamxd/camerax-android

    A skill your agent uses to migrate your Jetpack Compose app to add adaptive edge-to-edge support and troubleshoot common issues.

    132 GitHub starsUsed in 5 repos~3.6k tokens
    Auto-check passed
  • Camerax

    arindamxd/camerax-android

    Provide technical guidance for Android camera development with CameraX.

    132 GitHub starsUsed in 2 repos~1.6k tokens
    Auto-check passed
  • Leanback To Compose Tv Migration

    arindamxd/camerax-android

    Provides instructions and architectural patterns for migrating Android TV applications from legacy Leanback UI Toolkit, Android Views, or Support Fragments to Jetpack Compose for TV (androidx.tv).

    132 GitHub starsUsed in 2 repos~8.7k tokens
    Auto-check passed
  • Play Billing Library Version Upgrade

    arindamxd/camerax-android

    A skill your agent uses when upgrading or migrating an Android project from any legacy Google Play Billing Library (PBL) version to the latest stable version of PBL.

    132 GitHub starsUsed in 5 repos~1.4k tokens
    Auto-check passed

Categories

Questions about Migrate XML Views To Jetpack Compose

What does Migrate XML Views To Jetpack Compose do?

Provides a structured workflow for migrating an Android XML View to Jetpack Compose. Migrate XML Views To Jetpack Compose is an agent skill from arindamxd/camerax-android. Provides a structured workflow for migrating an Android XML View to Jetpack Compose.

When should I use Migrate XML Views To Jetpack Compose?

Migrate XML Views To Jetpack Compose fits situations like: you need to migrate an XML View to Jetpack Compose in an Android project; tasks that involve Android development; tasks that involve Theming and dark mode.

How do I install Migrate XML Views To Jetpack Compose in Claude Code?

Run `npx skills add arindamxd/camerax-android --skill migrate-xml-views-to-jetpack-compose -a claude-code`. Or copy the skill folder (.agents/skills/migrate-xml-views-to-jetpack-compose in arindamxd/camerax-android) into .claude/skills/migrate-xml-views-to-jetpack-compose in your project. Claude Code loads it when a task matches its description.

How do I install Migrate XML Views To Jetpack Compose in Codex?

Run `npx skills add arindamxd/camerax-android --skill migrate-xml-views-to-jetpack-compose -a codex`. Or copy the skill folder (.agents/skills/migrate-xml-views-to-jetpack-compose in arindamxd/camerax-android) into .agents/skills/migrate-xml-views-to-jetpack-compose in your project. Codex loads it when a task matches its description.

Can I use Migrate XML Views To Jetpack Compose in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add arindamxd/camerax-android --skill migrate-xml-views-to-jetpack-compose -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/migrate-xml-views-to-jetpack-compose, .gemini/skills/migrate-xml-views-to-jetpack-compose, .github/skills/migrate-xml-views-to-jetpack-compose and .opencode/skills/migrate-xml-views-to-jetpack-compose in your project.

What does Migrate XML Views To Jetpack Compose need to run?

SKILL.md names no scripts, command-line tools or credentials: Migrate XML Views To Jetpack Compose is instructions for the agent only.

Does Migrate XML Views To Jetpack Compose access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Migrate XML Views To Jetpack Compose safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Migrate XML Views To Jetpack Compose use?

Migrate XML Views To Jetpack Compose is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Migrate XML Views To Jetpack Compose use?

About 1.4k tokens (SKILL.md is roughly 5.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 12k tokens, read only when the agent opens those files.

What are the alternatives to Migrate XML Views To Jetpack Compose?

Skills that share tags, products or a category with Migrate XML Views To Jetpack Compose: Compose Multiplatform Patterns (monta-app/ocpp-emulator, 180 stars), Hz Metavrx Layout SDK (meta-quest/agentic-tools, 213 stars), Android Compose Patterns (makifbaysal/tasktrooper, 109 stars) and Material 3 (hamen/material-3-skill, 1.5k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Migrate XML Views To Jetpack Compose?

arindamxd (a GitHub user) maintains it in arindamxd/camerax-android, which has 132 GitHub stars. The repository holds 21 skills in this directory. The repository was last updated on October 2, 2026.

Source: arindamxd/camerax-android on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.