Communitygithub.com

Pushpade7366/jetpack-compose-skills

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.

O que é jetpack-compose-skills?

Esta skill especializada em Jetpack Compose ajuda desenvolvedores Android a gerar código mais preciso e eficiente, detectando automaticamente erros comuns e sugerindo práticas recomendadas de UI moderna. Ela funciona como um agente inteligente que analisa snippets de código e oferece correções contextuais, melhorando a produtividade e a qualidade do desenvolvimento. Compatível com diversas plataformas de agentes de IA, como Claude Code, Cursor e Codex, a skill utiliza as diretrizes oficiais do Jetpack Compose para validar a sintaxe, otimizar composições e evitar armadilhas frequentes. Seu funcionamento baseia-se na leitura do arquivo SKILL.md, que descreve as regras de detecção e as sugestões de melhoria, permitindo uma integração suave no fluxo de trabalho do desenvolvedor.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add Pushpade7366/jetpack-compose-skills

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

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 remember ausente, recomposições desnecessárias e uso incorreto de estados.
  • Práticas Recomendadas: Sugere uso de Scaffold, MaterialTheme e navegação moderna com NavHost.
  • Otimização de UI: Recomenda LazyColumn para listas longas e Modifier para layouts responsivos.
  • Compatibilidade: Funciona em qualquer plataforma que suporte agentes de IA, como Claude Code, Cursor e Codex.

Como Usar

  1. Instale a skill no seu agente de IA favorito.
  2. Ao escrever código Jetpack Compose, o agente analisará e sugerirá correções automaticamente.
  3. 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.

Habilidades Relacionadas