How to use
Fill in every [PLACEHOLDER] with your specifics before pasting. The more detail you provide, the better the output.
→Fill in every [PLACEHOLDER] — vague inputs give generic outputs
→Works best in Claude Projects with the Full-Stack Architect system prompt active
→If the model stops mid-build, say "Continue from where you left off"
→For Replit: paste in the Agent chat, not the editor
Best platforms
claude.aiChatGPTReplit
The megaprompt
Build a complete React Native / Expo mobile app from scratch.
## App Concept
Name: [APP NAME]
Platform: iOS and Android (use Expo for both)
Core purpose: [WHAT IT DOES in one sentence]
Target user: [WHO USES IT]
## Tech Stack
- Framework: Expo (managed workflow, SDK 52+)
- Navigation: Expo Router (file-based routing)
- State Management: Zustand
- Storage: AsyncStorage + Expo SecureStore for sensitive data
- API Layer: React Query (TanStack Query)
- Styling: NativeWind (Tailwind for React Native)
- Push Notifications: Expo Notifications
## Screens to Build
1. Onboarding (3 slides with illustrations, skip option)
2. Auth: Login + Sign Up + Forgot Password
3. Home / Main Feed (list of [MAIN DATA TYPE])
4. Detail View (single item deep-dive)
5. Create/Add (form to add new item)
6. Profile/Settings (user info, app settings, logout)
7. Notifications screen
## Features Required
- Offline support: cache last data load for offline viewing
- Pull-to-refresh on all list screens
- Infinite scroll pagination on lists
- Haptic feedback on key interactions
- Biometric authentication option (FaceID/fingerprint)
- Dark mode support
## Data & API
Backend API base URL: [YOUR API URL or "build a mock service with realistic data"]
Authentication: JWT tokens stored in SecureStore
[Describe main API endpoints needed]
## Design Language
- Style: [Clean minimal / Bold colorful / Corporate neutral]
- Accent color: [HEX or description]
- Consistent padding: 16px page margins, 8px component gaps
- Bottom tab navigation for main sections
- iOS-native feel on iOS, Material feel on Android
## File Structure
```
app/
(auth)/
login.tsx
signup.tsx
(app)/
index.tsx (home)
[id].tsx (detail)
create.tsx
profile.tsx
components/
ui/ (reusable)
screens/ (screen-specific)
store/
authStore.ts
dataStore.ts
```
Build in order: navigation structure → auth → home screen → detail view → create flow → profile