skills/mobile/expo-workflows/SKILL.md
Expo SDK, EAS Build, EAS Update, and managed workflow best practices.
npx skillsauth add timequity/vibe-coder expo-workflowsInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
# Create new project
npx create-expo-app@latest my-app --template tabs
# Install dependencies
npx expo install expo-router expo-status-bar
// eas.json
{
"cli": { "version": ">= 5.0.0" },
"build": {
"development": {
"developmentClient": true,
"distribution": "internal"
},
"preview": {
"distribution": "internal"
},
"production": {}
},
"submit": {
"production": {}
}
}
# Build for iOS
eas build --platform ios --profile production
# Build for Android
eas build --platform android --profile production
# Configure
eas update:configure
# Push update
eas update --branch production --message "Bug fixes"
// Check for updates
import * as Updates from 'expo-updates';
async function checkForUpdates() {
const update = await Updates.checkForUpdateAsync();
if (update.isAvailable) {
await Updates.fetchUpdateAsync();
await Updates.reloadAsync();
}
}
# .env
EXPO_PUBLIC_API_URL=https://api.example.com
// Usage
const apiUrl = process.env.EXPO_PUBLIC_API_URL;
npx expo install expo-camera
npx expo install expo-location
npx expo install expo-notifications
npx expo install expo-secure-store
npx expo install expo-image-picker
# Start dev server
npx expo start
# Run on device
npx expo start --dev-client
# Clear cache
npx expo start -c
development
Hidden quality gate that runs before showing "Done!" to user - ensures all tests pass, build succeeds, and requirements met before claiming completion
data-ai
Use when about to claim work is complete or fixed - requires running verification commands and confirming output before making any success claims
tools
Generate UI components from natural language descriptions. Use when: user asks for a page, component, or UI element. Triggers: "create page", "add component", "show form", "make button", "страница", "компонент", "форма".
content-media
10 ready-to-use themes with colors and fonts for consistent styling. Use when: applying visual themes to pages, components, or design systems. Triggers: "theme", "color palette", "color scheme", "fonts", "branding", "visual identity", "design system colors".