🤖 Expo MCP Server: dê "olhos e mãos" à sua IA no desenvolvimento mobile
📌 Pra que serve
O Expo MCP Server conecta assistentes de IA (Claude, Cursor, VS Code, Codex) diretamente ao seu projeto Expo/React Native. Com ele, a IA consulta a documentação oficial em tempo real, instala pacotes compatíveis, dispara builds no EAS, lê logs de crash do TestFlight e até tira screenshot do simulador para validar a UI que ela mesma codificou.🛠️ Passo a passo
1. Tenha uma conta Expo (gratuita) e um projeto na SDK mais recente:npx create-expo-app@latest --template default@sdk-57https://mcp.expo.dev/mcp
- Autenticação: OAuth Exemplo no Claude Code:
claude mcp add --transport http expo https://mcp.expo.dev/mcpDepois rode
/mcp na sessão para autenticar. Exemplo no Codex:
codex mcp add expo --url https://mcp.expo.dev/mcp No Cursor: abra a Paleta de Comandos (Cmd+Shift+P), rode MCP: Add Server, selecione HTTP e informe a URL acima com o nome expo.
No Claude web/desktop/mobile, use o botão "Add Expo Connector" direto na página oficial — sem instalar nada localmente.
3. Autentique — o navegador vai abrir pedindo login na sua conta Expo. Um token de acesso é gerado automaticamente.
4. (Recomendado) Ative capacidades locais para screenshots, DevTools e automação de testes (exige SDK 54+):
cd /path/to/your-project
npx expo install expo-mcp --dev
npx expo whoami || npx expo login
EXPO_UNSTABLE_MCP_SERVER=1 npx expo start5. Teste com prompts reais no seu cliente de IA:
- "Adicione expo-camera e mostre como tirar fotos"
- "Investigue por que meu último build iOS no EAS falhou"
- "Adicione um botão contador e verifique se o estado incrementa corretamente"
💡 Dica:
Sempre que reiniciar o servidor de desenvolvimento (expo start), reconecte
o MCP no seu cliente de IA — caso contrário ele perde acesso às capacidades locais (screenshots, DevTools, automação).