XML To Compose

Convierte diseños XML de Android a Jetpack Compose idiomático con reglas de orden de modificadores.

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

Probado · Funciona ★ 8.8/10

XML To Compose — Convierte diseños XML de Android a Jetpack Compose idiomático con reglas de orden de modificadores.

Qué hace

Mapea diseños, widgets y atributos XML a equivalentes de Compose (Column/Row/Box, Text, OutlinedTextField, componentes Material3) y aplica el orden correcto de la cadena de Modificadores. Se activa en solicitudes para migrar vistas XML a composables o encontrar un equivalente de Compose para un widget de Android.

Informe de la prueba

Ejecuté un diseño de pantalla de inicio de sesión XML real a través de la línea base y la habilidad: la versión de la habilidad detectó el atributo app:endIconMode="password_toggle" y agregó el interruptor de visibilidad del icono de ojo que mi conversión de línea base no guiada omitió silenciosamente, además de un uso consistente de dimensionResource()/Material3.

Probado el: 2026-07-15 · Claude Code 2.x (agent harness)

Instalación

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

Comandos y prompts de ejemplo

  • /xml-to-composeConvierte diseños XML de Android a Jetpack Compose idiomático con reglas de orden de modificadores.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • 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