android-jetpack-compose-expert
Crie Aplicativos Android com Jetpack Compose
O desenvolvimento Android moderno requer compreensão do gerenciamento de estado e otimização de performance do Compose. Esta skill fornece padrões prontos para produção para construir UIs reativas com ViewModels, navegação type-safe e Material Design 3.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "android-jetpack-compose-expert". Crie uma tela de login com campos de email e senha
النتيجة المتوقعة:
- Composable LoginScreen com TextField inputs para email e senha
- Data class LoginUiState com estados de validação
- LoginViewModel lidando com autenticação usando StateFlow
- Botão estilizado com Material Design 3 com indicador de carregamento
استخدام "android-jetpack-compose-expert". Otimize esta lista para recomposição
النتيجة المتوقعة:
- Use remember para cache de resultados de listas ordenadas/filtradas
- Aplique anotação @Immutable em data classes de itens
- Passe callbacks de clique do item em vez de objetos completos do item
- Implemente parâmetro key em lazy items para identidade estável
التدقيق الأمني
آمنThis skill contains documentation-only content (Kotlin code examples for Android Jetpack Compose). All 33 static analysis findings are false positives: backticks detected are markdown formatting and Kotlin syntax, not shell command execution. No executable code, network access, or file system operations present.
درجة الجودة
ماذا يمكنك بناءه
Configuração de Novo Projeto Android
Comece com um novo projeto Android usando Jetpack Compose com configuração adequada de dependências e estrutura de projeto.
Migração de XML para Compose
Migre layouts existentes baseados em XML para UIs modernas do Compose mantendo a funcionalidade e melhorando a performance.
Otimização de Performance
Depure e corrija problemas de recomposição, implemente gerenciamento de estado adequado e otimize a performance de renderização de UI.
جرّب هذه الموجهات
Crie uma tela Jetpack Compose que exibe um perfil de usuário com nome, email e imagem de avatar. Use componentes do Material Design 3 e siga as melhores práticas do Compose para composables stateless.
Gere um ViewModel para uma tela de login usando StateFlow para estado da UI. Inclua estados de carregamento, sucesso e erro. Use encapsulamento adequado expondo apenas StateFlow imutável.
Configure Navigation Compose com rotas type-safe para um fluxo de três telas: Home, Detalhe do Produto e Checkout. Use a nova anotação @Serializable para definições de rota.
Analise este código Compose em busca de problemas potenciais de recomposição. Identifique onde remember, derivedStateOf ou key() devem ser usados para otimizar a performance. Explique a análise de estabilidade para cada data class.
أفضل الممارسات
- Use remember e derivedStateOf para minimizar cálculos desnecessários durante a recomposição
- Marque data classes como @Immutable ou @Stable se contiverem List ou outros tipos instáveis
- Use LaunchedEffect para efeitos colaterais one-off acionados por mudanças de estado
تجنب
- Executar operações custosas como ordenação de listas diretamente dentro do corpo do composable sem remember
- Passar instâncias de ViewModel para componentes filhos em vez de estado e callbacks
- Atualizar estado diretamente dentro da composição do composable em vez de side-effect ou callback