skills — Instalar & Demo ao vivo

Por que usar

Principais recursos

Expo SDK-aware scaffolding
expo-router file-based navigation patterns
EAS Build + Submit config guidance
TypeScript + Zustand defaults
Avoids RN-CLI era advice

Demo ao vivo

Como fica na prática

skills-skill-7.replay ▶ pronto

0/0

Instalação

Repositório do autor · Documentação oficial de Skills do Claude

Casos de uso

Usos do mundo real: skills

Spin up a new Expo app with tabs and auth in one session

👤 Devs starting a new mobile app who want the boring parts done ⏱ ~45 min beginner

Quando usar: Day zero of a new project — you want tabs, stack, and a sign-in flow without reading three blog posts.

Fluxo

Create the app

Use the Expo skill. Start a new app 'TaskFlow' with expo-router, TypeScript, and the tabs template. Include a login screen with email/password.✓ Copiado

→ npx create-expo-app run, then file structure with app/(tabs)/ and app/(auth)/
Add state

Wire up Zustand for the auth store and persist to SecureStore.✓ Copiado

→ stores/auth.ts with zustand + persist middleware using expo-secure-store
Test on device

Start the dev server and give me the QR code to scan.✓ Copiado

→ npx expo start output

Resultado: A running app on your phone with tabs, auth, and persistence in under an hour.

Armadilhas

Claude suggests react-native-cli patterns — Explicitly say 'Expo SDK, expo-router only' in prompts

Combine com: filesystem

Configure EAS Build for iOS and Android

👤 Teams ready to ship TestFlight / Play internal ⏱ ~30 min intermediate

Quando usar: First time submitting to TestFlight/Play.

Fluxo

Generate eas.json

Use the Expo skill. Generate eas.json with preview (internal) and production profiles, correct bundle identifier patterns, and env var injection.✓ Copiado

→ Valid eas.json with both profiles
Wire secrets

Add my Sentry DSN and API base URL as EAS secrets for preview and production separately.✓ Copiado

→ eas secret:create commands listed
Trigger the build

Now trigger a preview build for iOS.✓ Copiado

→ eas build --profile preview --platform ios command

Resultado: EAS builds running, secrets managed.

Armadilhas

Committing app.json with secrets inline — Secrets go in EAS env, not app.json; let Claude use expo-constants to read them

Integrate a native module using Expo config plugins

👤 Devs adding functionality that requires native code (camera, biometrics, push) ⏱ ~20 min intermediate

Quando usar: You need functionality beyond JS, but don't want to eject.

Fluxo

Identify the right package

Use the Expo skill. I need biometric auth. What's the right Expo SDK module and how do I configure it?✓ Copiado

→ expo-local-authentication named with config plugin entries
Wire config plugin

Add the config plugin entries and required iOS usage strings.✓ Copiado

→ app.json diff with plugins array and NSFaceIDUsageDescription

Resultado: Native module integrated via managed workflow.

Armadilhas

Adding raw native code and breaking managed workflow — Prefer Expo SDK modules and config plugins; eject only if truly needed

Combinações

Combine com outros MCPs para 10× de alavancagem

skills-skill-7 + filesystem

Bulk-apply Expo idioms across an existing RN project

Migrate my RN-CLI app to Expo managed workflow; point at the source tree.✓ Copiado

skills-skill-7 + git

Commit each step separately so EAS setup changes are auditable

Commit the EAS config changes as a distinct commit before adding secrets.✓ Copiado

Ferramentas

O que este MCP expõe

Ferramenta	Entradas	Quando chamar
expo_scaffold	app name, template, features	Starting a new app
eas_config	profiles needed	Setting up builds
config_plugin_wire	native module name	Adding native features

Custo e limites

O que custa rodar

Cota de API: None built-in
Tokens por chamada: Moderate
Monetário: Expo is free; EAS Build has a free tier with paid scaling
Dica: Use EAS local builds during dev; cloud builds only for preview/prod.

Segurança

Permissões, segredos, alcance

Armazenamento de credenciais: No direct creds; EAS secrets are managed by Expo

Saída de dados: None from skill itself

Never commit eas.json with inline secrets; use eas secret:create.
Treat expo-secure-store data as sensitive; it's encrypted but not invincible.

Solução de problemas

Erros comuns e correções

Metro can't find module after install

Run npx expo install rather than npm install so SDK-compatible versions are picked

Verificar: npx expo-doctor

Build fails with 'unrecognized bundle identifier'

Bundle ID mismatch between app.json and Apple Developer portal; align them

Native module not found at runtime

Config plugin didn't run; rebuild with eas build or npx expo prebuild --clean

Alternativas

skills vs. outros

Alternativa	Quando usar	Troca
React Native CLI	You need maximum native control and don't mind managing Xcode/Gradle	Much more setup burden
Flutter	Cross-platform with Dart	Different language, different ecosystem

Mais

Recursos

📖 Leia o README oficial no GitHub

🐙 Ver issues abertas

🔍 Ver todos os 400+ servidores MCP e Skills