XML To Compose

Converteert Android XML-layouts naar idiomatische Jetpack Compose met modifier-volgorderegels.

Door singhsume123 · singhsume123/xml-to-compose-skill

Getest · Werkt ★ 8.8/10

XML To Compose — Converteert Android XML-layouts naar idiomatische Jetpack Compose met modifier-volgorderegels.

Wat het doet

Mapt XML-layouts, widgets en attributen naar Compose-equivalenten (Column/Row/Box, Text, OutlinedTextField, Material3-componenten) en handhaaft de juiste volgorde van de Modifier-keten. Triggert op verzoeken om XML-views naar composables te migreren of een Compose-equivalent te vinden voor een Android-widget.

Testrapport

Een echte login-scherm XML door zowel baseline als skill uitgevoerd: de skill-versie ving het app:endIconMode="password_toggle" attribuut op en voegde de oog-icoon zichtbaarheids-toggle toe die mijn ongeleide baseline-conversie stilzwijgend liet vallen, plus consistent dimensionResource()/Material3-gebruik.

Getest op: 2026-07-15 · Claude Code 2.x (agent harness)

Installatie

git clone https://github.com/singhsume123/xml-to-compose-skill
cd xml-to-compose-skill
mkdir -p ~/.claude/skills
cp -r . ~/.claude/skills/xml-to-compose

Commando's en voorbeeldprompts

  • /xml-to-composeConverteert Android XML-layouts naar idiomatische Jetpack Compose met modifier-volgorderegels.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • Convert this login_screen.xml layout into a Jetpack Compose composable
  • What's the Compose equivalent of this OutlinedTextField with a toggle icon
  • Migrate my Android XML views to idiomatic Compose with Material3