Material 3 skill

O que ela faz

Ensina o Claude o Material Design 3, o Material You do Android: cores por papel geradas a partir de uma cor base, escala de texto, cantos arredondados, profundidade por tom em vez de sombra e movimento com efeito de mola. O foco é Jetpack Compose, com apoio a Flutter e, de forma limitada, à web.

Traz a tabela de mais de 30 componentes (botões, chips, cartões, diálogos, barras de navegação, campos de texto, seletor de data) e modelos de estrutura de app, grade de cartões e formulário. Lista os erros a evitar, como cor fixa no código, misturar Material 2 com 3 e esticar texto em tela larga.

Com /material-3 audit, o Claude analisa um site ou o código do app e dá nota de 0 a 10 em dez critérios, como cor, tipografia, forma, componentes, layout, navegação e acessibilidade, com os problemas críticos e as correções em ordem de prioridade.

Nas palavras de quem fez

Quando usar

• Criar um app Android com a cara dos apps do Google
• Montar o tema claro e escuro a partir da cor da sua marca
• Conferir se um app segue o Material Design 3 antes de entregar pro cliente
• Deixar o layout certo no celular, no tablet e no dobrável

Depois de instalar, é só pedir assim

• Monta a tela inicial deste app em Jetpack Compose no Material 3, com tema gerado a partir do verde #1B8A5A
• /material-3 audit no código deste app e me diz o que corrigir primeiro
• Faz um formulário de cadastro em Flutter no padrão Material 3, com modo escuro

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketPassou
• SnykAlerta

Perguntas