Pular pro conteúdo

Expo Native UI skill

O Claude monta telas de app Expo com a cara de cada sistema, que seguem o modo escuro sozinhas e só são entregues depois de testar o caminho principal.

por ExpoPublicada pela própria empresa

instalações
31,6 mil
estrelas no GitHub
3.021
No skills.sh desde
julho de 2026
Licença
MIT

Atualizada no GitHub em 24 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

O que ela faz

É a skill oficial da Expo pra cara e comportamento das telas. Segue o padrão da Apple no iPhone e o Material Design 3 no Android, sem misturar os dois. Usa as cores do sistema pelo Color do expo-router, que acompanham o modo escuro, SF Symbols no iOS e ícones Material no Android.

Traz guias de controles nativos, câmera, áudio e vídeo, armazenamento com SQLite e SecureStore, desfoque e vidro líquido, gradientes e 3D com WebGPU e Three.js. Manda testar no Expo Go antes de criar build próprio e escolhe as bibliotecas atuais, como expo-audio e expo-image, no lugar das antigas.

Cobra o funcionamento: tela que carrega dados tem estado de carregando, erro, vazio e conteúdo; o teclado não cobre o botão principal; todo botão faz o que promete. Antes de dar a tela como pronta, testa o caminho principal, uma falha, título longo e letra grande, e diz o que conseguiu testar.

Nas palavras de quem fez

Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, visual effects, gradients,…

Expo, no SKILL.md

Quando usar

  • Fazer o primeiro app do seu negócio com Expo e querer cara de app de verdade
  • Arrumar tela que fica feia no modo escuro ou no Android
  • Adicionar câmera, gravação de áudio ou vídeo ao app
  • Guardar dados no aparelho com SQLite ou de forma segura
  • Conferir se as telas que a IA fez funcionam de verdade

Depois de instalar, é só pedir assim

  • Cria a tela de perfil do meu app Expo com foto, nome e ajustes, no padrão do iPhone e do Android
  • Adiciona uma tela pra tirar foto do produto e salvar no aparelho
  • Revisa as telas do app e corrige o que fica ruim no modo escuro e com letra grande

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

Como instalar a Expo Native UI no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Expo Native UI, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

O que precisa pra funcionar?

Um projeto Expo e o app Expo Go no celular pra testar. Build próprio, com Xcode ou Android Studio, só entra quando o app usa código nativo que o Expo Go não traz, como widgets ou alguns módulos de terceiros. Sem chave de API nem conta paga.

Ela cuida de navegação e animação?

Não. Rotas, abas e cabeçalhos ficam com a skill expo-router, animação com a expo-animation e busca de dados com a expo-data-fetching. Pra escolher componente, ela manda olhar a expo-ui primeiro.

Roda no Codex e no Antigravity?

Sim. É um SKILL.md com referências em texto, sem programa extra, então funciona em qualquer agente que leia skills.

Levar essa skill

1x expo-native-uiR$ 0,00

TotalR$ 0,00

A skill sai aqui mesmo, na hora. Seus dados eu uso pra falar com você sobre o MazyOS.

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/expo/skills

Aprenda a usar

Mais da loja Expo

Ver a loja Expo