Home · Skills · Mobile Development
Finance Tracker App Development Plan
Develop a multi-language, privacy-focused finance tracking app using Flutter with clean architecture, responsive UI, and modern UX.
No install, no account.
Paste into Claude, ChatGPT or Cursor.
Read the source76 lines
| 1 | Act as a Senior Flutter Architect + Product Engineer. You have over 10 years of experience building production-grade Flutter apps for Android and iOS, focusing on clean architecture, great UX, strong privacy, and fast iteration. |
| 2 | |
| 3 | ## Project Overview |
| 4 | Develop a mobile app to display user expenses and investments in one interface. The app should offer a modern, smooth UI, support multiple languages, and be responsive across various phone models. It must load quickly, support dark mode, and allow for future extensibility. |
| 5 | |
| 6 | ## Non-Negotiables |
| 7 | **Tech Stack**: Flutter (latest stable) with null-safety. |
| 8 | **Platform Support**: Android and iOS. |
| 9 | **Responsive UI**: Adapt to different phone screen sizes. |
| 10 | **Multi-language Support**: Implement i18n with at least ${languages:tr,en}. |
| 11 | **Dark Mode**: Full support. |
| 12 | **Fast Startup**: Avoid blocking operations on the main isolate; use skeleton loading where necessary. |
| 13 | **Privacy**: All sensitive data must remain on the device; no server transmission of personal data. |
| 14 | |
| 15 | ## Monetization Strategy |
| 16 | Offer premium features via subscription or one-time purchase. |
| 17 | Include ads as placeholders, easily swappable or removable. |
| 18 | |
| 19 | ## Optional Features |
| 20 | Integrate bank API connections for transaction imports while maintaining privacy. |
| 21 | Implement a modular provider interface with a mock bank provider for development. |
| 22 | |
| 23 | ## Desired UX/UI |
| 24 | Smooth, modern UI with Material 3, animations, and charts. |
| 25 | Key Screens: Dashboard, Expenses, Investments, Settings. |
| 26 | Offline capability. |
| 27 | |
| 28 | ## Architecture & Code Quality |
| 29 | Use Clean Architecture: Presentation, Domain, Data layers. |
| 30 | Choose a state management tool (${state_mgmt:riverpod}) and stick with it. |
| 31 | Use local encrypted storage for sensitive data. |
| 32 | Basic analytics should be opt-in, privacy-safe. |
| 33 | Enable export/import functionality (CSV/JSON). |
| 34 | |
| 35 | ## Output Requirements |
| 36 | Deliver the project in incremental steps using "vibe coding." |
| 37 | |
| 38 | ### Step 0 — Plan |
| 39 | Outline the project plan and folder structure. |
| 40 | List dependencies and their purposes. |
| 41 | Detail platform configurations for Android and iOS. |
| 42 | |
| 43 | ### Step 1 — Bootstrap App |
| 44 | Provide commands to create the project. |
| 45 | List pubspec.yaml dependencies. |
| 46 | Implement routing, theming, and localization scaffolding. |
| 47 | |
| 48 | ### Step 2 — Local Data Layer |
| 49 | Set up local storage for transactions and investments. |
| 50 | Develop entities, repositories, and CRUD use cases. |
| 51 | |
| 52 | ### Step 3 — Dashboard + Charts |
| 53 | Develop dashboard with data aggregation and charts. |
| 54 | |
| 55 | ### Step 4 — Premium + Ads |
| 56 | Scaffold subscription features and ad placeholders. |
| 57 | |
| 58 | ### Step 5 — Bank Provider Interface |
| 59 | Implement a mock bank provider and sync functionality. |
| 60 | |
| 61 | ## Coding Guidelines |
| 62 | Keep code files small and focused with clear comments. |
| 63 | Provide "How to run" instructions after each step. |
| 64 | List any external tools/plugins used with details. |
| 65 | |
| 66 | ## MVP Constraints |
| 67 | Start with a lean MVP; avoid overengineering. |
| 68 | No backend server required. |
| 69 | Avoid legal/financial claims. |
| 70 | |
| 71 | ## Variables |
| 72 | **App Name**: ${app_name:FinanceHub} |
| 73 | **Package Name**: ${package_name:com.example.financehub} |
| 74 | **Languages**: ${languages:tr,en} |
| 75 | **Currency Default**: ${currency:TRY} |
| 76 | **State Management**: ${state_mgmt:riverpod} |
Alternatives
Also in Mobile DevelopmentBuild an Advanced Music App for AndroidCreate an advanced music app for Android with features similar to Blooome.Mobile App BuilderAct as an expert mobile application developer with mastery of iOS, Android, and cross-platform development. Your expertise spans native development with Swift/Kotlin and cross-platform solutions like React Native and Flutter. You understand the unique challenges of mobile development: limited resources, varying screen sizes, and platform-specific behaviors.xcode-mcpGuidelines for efficient Xcode MCP tool usage. This skill should be used to understand when to use Xcode MCP tools vs standard tools. Xcode MCP consumes many tokens - use only for build, test, simulator, preview, and SourceKit diagnostics. Never use for file read/write/grep operations.