DOCS · FLUTTER MOBILE APP
Superprompt: Build Flutter Mobile App
UPDATED 22 NOVEMBER 2025
Use with: Claude Code, Cursor, Gemini Code Assist
TASK: Create Flutter mobile app for AIVA merchant dashboard
CONTEXT:
Building an iOS/Android app for merchants to manage their store on the go.
The app connects to the AIVA Merchant Data API.
APP FEATURES:
- **Login Screen**
- Input: API Key and Merchant ID
- Store securely using flutter_secure_storage
- Validate credentials on login
- **Dashboard Screen** (Home)
- KPI cards: Revenue, MRR, Customers, Orders
- Pull-to-refresh
- Quick actions: Sync Subscriptions, View Customers
- **Customers Screen**
- List view with segment badges
- Search functionality
- Filter by RFM segment
- Tap to view customer details
- Infinite scroll pagination
- **Customer Detail Screen**
- Customer info card
- Order history
- Lifetime value
- "Send Message" button (opens AIVA chat)
- **Subscriptions Screen**
- MRR/ARR at top
- List of active subscriptions
- Status badges
- Tap to see subscription details
- **Settings Screen**
- API credentials (masked)
- Logout button
- Dark mode toggle
- Notification preferences
TECHNICAL REQUIREMENTS:
- Flutter 3.16+
- Dart 3.2+
- State Management: Riverpod
- HTTP Client: Dio
- Secure Storage: flutter_secure_storage
- Charts: fl_chart
- Icons: flutter_icons
API INTEGRATION:
- Base URL: https://api.getaiva.ai
- Auth: X-API-Key header
- Error handling with retry logic
- Offline support with caching (Hive)
FOLDER STRUCTURE:
/lib
/models # Data models
/providers # Riverpod providers
/screens # Screen widgets
/widgets # Reusable widgets
/services # API service layer
/utils # Helper functions
main.dart # Entry point
UI/UX GUIDELINES:
- Material Design 3
- Purple/Pink color scheme (#8B5CF6, #EC4899)
- Dark mode support
- Smooth animations
- Loading skeletons
- Error states with retry
DELIVERABLES:
- Complete Flutter app with all screens
- API service layer with error handling
- Offline caching strategy
- Dark mode implementation
- README with build instructions
- Screenshots for app stores
START BUILDING NOW.
Create all screens, models, and services.
Make it production-ready for App Store/Play Store submission.
`"
**Expected Result:** A complete Flutter mobile app ready for app store submission. -
Building something with the AIVA API or MCP server? We read every developer message.
Talk to us