O que jetpack-compose-skills faz?
Forneça código preciso do Jetpack Compose detectando erros comuns e melhorando práticas de UI Android com uma skill de agente moderna e compatível entre plataformas.
Visão Geral
Esta skill ajuda desenvolvedores Android a escrever código Jetpack Compose correto e eficiente. Ela detecta automaticamente erros frequentes e sugere práticas recomendadas de UI, integrando-se a agentes de IA como Claude Code, Cursor e Codex.
Funcionalidades
- Detecção de Erros Comuns: Identifica problemas como
rememberausente, recomposições desnecessárias e uso incorreto de estados. - Práticas Recomendadas: Sugere uso de
Scaffold,MaterialThemee navegação moderna comNavHost. - Otimização de UI: Recomenda
LazyColumnpara listas longas eModifierpara layouts responsivos. - Compatibilidade: Funciona em qualquer plataforma que suporte agentes de IA, como Claude Code, Cursor e Codex.
Como Usar
- Instale a skill no seu agente de IA favorito.
- Ao escrever código Jetpack Compose, o agente analisará e sugerirá correções automaticamente.
- Siga as recomendações para melhorar a qualidade e performance da sua UI Android.
Exemplos
Erro: Uso de var sem remember
@Composable
fun MyScreen() {
var count = 0
// Erro: estado não lembrado, recomposição não funcionará corretamente
Button(onClick = { count++ }) {
Text("Contagem: $count")
}
}
Sugestão:
@Composable
fun MyScreen() {
var count by remember { mutableStateOf(0) }
Button(onClick = { count++ }) {
Text("Contagem: $count")
}
}
Erro: Uso de Column para listas longas
@Composable
fun ListaLonga(items: List<String>) {
Column {
items.forEach { item ->
Text(item)
}
}
}
Sugestão:
@Composable
fun ListaLonga(items: List<String>) {
LazyColumn {
items(items) { item ->
Text(item)
}
}
}
Contribuição
Contribuições são bem-vindas! Envie um pull request ou abra uma issue no repositório GitHub.
Licença
Este projeto está licenciado sob a licença MIT.