Android CLIのスキルでXML ViewをJetpack Composeに移行させてみる

Android CLIのスキルでXML ViewをJetpack Composeに移行させてみる

AndroidのCompose First宣言に伴い、XML ViewからJetpack Composeへの移行を支援する公式スキルを試してみました。実際に動かしてみた結果を紹介します。
2026.08.21

AndroidがCompose Firstを宣言したことでJetpack composeへの移行を考える必要があるのかなと思った
XML ViewからJetpack Composeへの移行をサポートする/migrate-xml-views-to-jetpack-composeというスキルがあるので試してみる

https://developer.android.com/develop/ui/compose/migrate/migrate-xml-views-to-jetpack-compose?hl=ja


Android CLI

スキルを実行するにはまずAndroid CLIからスキル自体をインストールする必要があったので実行してみる
Claude Codeを利用しているので--agent=claude-codeを指定する

android skills add migrate-xml-views-to-jetpack-compose --agent=claude-code

実行すると~/.claude/skills/migrate-xml-views-to-jetpack-composeスキルが追加される

スキルの中身

SKILL.mdに書かれている内容を読み解くと以下のステップで実行する指示がある

  1. 移行候補となる最適なXMLの特定
  2. プロジェクトとレイアウトの分析
  3. 計画の作成
  4. XML View UIのキャプチャ(スクショ)
  5. Compose依存関係・コンパイラのセットアップ
  6. Composeテーマのセットアップ
  7. XMLレイアウトのComposeへの移行
  8. 利用箇所の置換
  9. 移行の検証(スクショ比較)
  10. XMLコードの削除

詳しくはこちらに書いてあった

https://developer.android.com/agents/skills/jetpack-compose/migration/migrate-xml-views-to-jetpack-compose/skill

移行前にスクリーンショットを撮っておいて移行後のコンポーズプレビューと比較して視覚的な一致の検証を行うらしい(スゴイ)

スキルを実行

適当にアプリを作成しXMLでViewいくつか実装した上でスキルを起動してみた結果

before after
Screenshot_20260820_154952 Screenshot_20260820_154437
Screenshot_20260820_155009 Screenshot_20260820_154447
Screenshot_20260820_155015 Screenshot_20260820_154504
Screenshot_20260820_155022 Screenshot_20260820_154510
Screenshot_20260820_155037 Screenshot_20260820_154525

なんか惜しい...!!

まとめ

  • おおよそスキルの説明通りに動作してくれていたと思う
  • 最初にどの画面を移行するか聞かれたが「全部」と答えた結果5画面の移行に35m 31sもかかった。(Sonnet 5で実行)
  • スクリーンショットの比較を使った繰り返しの調整は思ったより甘かった
  • 画面遷移・タップや表示切り替えなども移行前と同じ動作ができた
  • 業務レベルのアプリだと一気にやるのは現実的ではないと思ったので1画面ずつやるのが良さそう
  • 完璧にはいかないが作業のとっかかりとして使うには十分使えると感じた

Claudeならクラスメソッドにお任せください

クラスメソッドは、Anthropic社とリセラー契約を締結しています。各種製品ガイドから、業種別の活用法、フェーズごとのお悩み解決などサービス支援ページにまとめております。まずはご覧いただき、お気軽にご相談ください。

サービス詳細を見る

この記事をシェアする

AI白書

関連記事