thebushidocollective/android-jetpack-compose

¿Qué hace android-jetpack-compose?

Útil al construir interfaces de usuario Android con Jetpack Compose, gestionar estado con remember/mutableStateOf, o implementar patrones de UI declarativos.

Descripción

Esta habilidad proporciona asistencia especializada para el desarrollo de interfaces de usuario Android utilizando Jetpack Compose, el toolkit moderno y declarativo de Google. Abarca desde la creación de componentes básicos hasta la gestión avanzada de estado con remember, mutableStateOf, y StateFlow. Ideal para agentes de IA que trabajan con código Compose en entornos como Android Studio, Cursor, o Claude Code.

Características principales

• Gestión de estado: Uso de remember y mutableStateOf para manejar estado local y compartido.
• Composición de UI: Creación de componentes reutilizables con @Composable.
• Efectos secundarios: Integración de LaunchedEffect, DisposableEffect, y SideEffect.
• Navegación: Soporte para Jetpack Navigation Compose.
• Temas y estilos: Aplicación de Material Design 3 y temas personalizados.

Ejemplo de uso

@Composable
fun Greeting(name: String) {
    var count by remember { mutableStateOf(0) }
    Column {
        Text("¡Hola, $name!")
        Button(onClick = { count++ }) {
            Text("Presionado $count veces")
        }
    }
}

Plataformas compatibles

• Android Studio (con plugins de Compose)
• Cursor
• Claude Code
• Cualquier entorno compatible con Kotlin y Jetpack Compose

Notas

Para más detalles, consulta la documentación oficial de Jetpack Compose.