skills.rest
NNPopov
NNPopovCOMMUNITY
Explore all skills by this author →
GitHub

flutter-app-architecture

Structure Flutter apps into layered UI, logic, and data boundaries.

2|Updated Aug 13, 2023
Search Tags:#architecture#repository#flutter#mvvm#dependency-injection#viewmodel
One-click install
npx skills add https://github.com/NNPopov/movie-theater-tickets --skill flutter-app-architecture-nnpopov
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: flutter-app-architecture
Source: https://github.com/NNPopov/movie-theater-tickets/tree/main/src/clients/.claude/skills/flutter-app-architecture
Command: npx skills add https://github.com/NNPopov/movie-theater-tickets --skill flutter-app-architecture-nnpopov

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you design and refactor Flutter applications into maintainable layers so UI code stays simple, business logic stays testable, and data access stays organized.

Core Features & Use Cases

  • Layered app structure: Separate UI, logic, and data responsibilities for clearer ownership and easier maintenance.
  • MVVM and unidirectional flow: Move state handling into ViewModels and keep data flowing from repositories to views.
  • Repositories, services, and DI: Encapsulate API or local data access behind repositories and wire dependencies through constructors.
  • Domain use cases for complex apps: Introduce a logic layer when workflows span multiple repositories or reusable business rules.
  • Use case: Rebuild a growing Flutter feature area, such as bookings or ticket selection, into layered components with predictable state updates and cleaner testing.

Quick Start

Use this skill to refactor my Flutter feature into UI, viewmodel, repository, and service layers with constructor-based dependency injection.

Frequently Asked Questions about flutter-app-architecture

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a Flutter app with MVVM and repositories?▼

Flutter app architecture separates UI, logic, and data boundaries to keep UI code simple, logic testable, and data organized. It applies MVVM, repositories, services, and dependency injection to enforce unidirectional data flow.

What's the best way to refactor a growing Flutter feature into layers?▼

Refactor a growing Flutter feature by scaffolding it into UI, ViewModel, repository, and service layers. This enforces adjacent-layer communication and constructor-based dependency injection, isolating state updates and making logic testable.

When do I need domain use cases in a Flutter app architecture?▼

Domain use cases are needed when workflows span multiple repositories or involve reusable business rules. They add a logic layer between ViewModels and repositories to manage complex operations cleanly.

Does this Flutter architecture approach require a specific dependency injection framework?▼

This Flutter architecture approach uses constructor-based dependency injection, meaning it does not mandate a specific DI framework. Dependencies are passed directly through constructors, allowing you to wire services and repositories manually or with a preferred container.

Related Skills

Explore More Software Engineering Skills→
Im5tuIm5tu
6

flutter-architecture

Architect Flutter apps using MVVM with feature-first UI, Domain, and Data layers.

Community
Intermediate
dashkandashkan
1

golang-dependency-injection

Guides dependency injection in Go with constructor-based wiring and interface-first design.

Community
Advanced
tdcaretdcare
1

salvo-realtime

Implement WebSocket and Server-Sent Events in Salvo-based Rust services.

Community
Intermediate
reloveutionreloveution
5

flutter-architecture

Implement Clean Architecture with BLoC/Cubit in Flutter applications.

Community
Advanced