Material 3 Expressive skill

O que ela faz

A skill guia o Claude no Material 3 Expressive, a versão mais expressiva do Material Design do Google pro Android. Ele pergunta o aparelho (celular, tablet, dobrável ou relógio), o tamanho de janela, a marca e a ação principal, e devolve orientação com as referências de token de cada componente.

Cobre botões, grupos de botões, diálogos, folhas inferiores e laterais, barras de ferramentas, botão flutuante (FAB) e o menu dele, barra e trilho de navegação, carrossel e indicadores de carregamento. Pra tema, carrega os tokens de cor, tipografia, forma, movimento e elevação, e mostra como isso vira Jetpack Compose.

Tem três níveis de ousadia (Foundational, Excellent e Transformative), limite de um ou dois momentos de destaque por fluxo e uma revisão: ação principal clara em dois segundos, contraste de 4,5:1 no texto, área de toque de 48dp e alternativa pra quem desliga animação.

Nas palavras de quem fez

Quando usar

• Definir o visual de um app Android novo
• Revisar uma tela antes de passar pro desenvolvedor
• Escolher os tokens de um botão, diálogo ou barra de navegação
• Adaptar o layout pra tablet e celular dobrável
• Conferir contraste e área de toque de um app pronto

Depois de instalar, é só pedir assim

• Revisa essa tela de checkout do meu app Android pelo Material 3 Expressive e me diz o que muda
• Quais tokens eu uso pro botão principal e pra folha inferior da tela de pagamento, no nível Excellent?
• Monta a tela inicial em Jetpack Compose seguindo o Expressive, com um momento de destaque só

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
• SnykPassou

Perguntas