Expo UI skill

O que ela faz

É a skill oficial da Expo pro pacote @expo/ui, que desenha a interface com SwiftUI no iOS e Jetpack Compose no Android a partir do React. Ela faz o Claude usar esses componentes por padrão em vez de bibliotecas da comunidade, como o @gorhom/bottom-sheet, ou do Picker e do Switch do React Native.

Segue uma ordem: primeiro a camada universal, em que uma árvore só roda no iOS, no Android e na web, no SDK 56 ou mais novo e direto no Expo Go, sem build próprio. Só quando falta componente desce pra SwiftUI ou Compose, em arquivos .ios.tsx e .android.tsx separados.

Traz exemplo de BottomSheet com os nomes certos das propriedades, explica que o List do @expo/ui serve pra tela de ajustes e não pra feed longo, que pede FlatList ou FlashList, e mostra as trocas diretas pra quem quer sair de bibliotecas como a de seletor de data.

Nas palavras de quem fez

Quando usar

• Pôr uma folha de detalhes subindo de baixo num app de mapa ou de loja
• Montar a tela de configurações com cara de iPhone e de Android
• Trocar o @gorhom/bottom-sheet ou o datetimepicker do app
• Adicionar toggle, slider, menu e seletor nativos num formulário

Depois de instalar, é só pedir assim

• Cria uma tela de configurações no meu app Expo com seções, toggles e um seletor de tema usando o @expo/ui
• Quando tocar no pino do mapa, abre uma folha de baixo com nome, endereço e botão de rota
• Troca o @gorhom/bottom-sheet do projeto pelo equivalente do @expo/ui

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