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でアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「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