flutter-app-architecture
Use when scaffolding a project, refactoring into layers, creating view models/repositories, configuring dependency injection, or implementing unidirectional data flow (MVVM).
npx skills add evanca/flutter-ai-rules --skill flutter-app-architecture --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Flutter App Architecture Skill This skill defines how to structure Flutter applications using layered architecture, proper data flow, and MVVM patterns for maintainability and testability. ## When to Use Use this skill when: * Scaffolding a new Flutter project with layered architecture. * Creating or refactoring View Models, Repositories, or Services. * Wiring dependency injection between architectural components. * Implementing unidirectional data flow across layers. * Adding a Domain (Logic) Layer for complex business logic or shared use cases. --- ## 1. Layer Structure Separate every app into a **UI Layer** and a **Data Layer**. Add a **Logic (Domain) Layer** only for complex apps. ``` ┌──────────────────────────────────────────────────────────────┐ │ UI Layer │ Views + ViewModels │ ├──────────────────────────────────────────────────────────────┤ │ Logic Layer │ Use Cases / Interactors (optional) │ ├──────────────────────────────────────────────────────────────┤ │ Data Layer │ Repositories + Services │ └──────────────────────────────────────────────────────────────┘ ``` **Rules:** - Only adjacent layers may communicate. The UI layer must never access a Service directly. - Data
- When to Use
- 1. Layer Structure
- 2. Component Responsibilities
- View
- ViewModel
- Repository (Single Source of Truth)
- Service
- 3. Dependency Injection
- 4. Use Cases (Domain Layer)
- 5. Workflow: Scaffold a New Feature
- 6. Data Storage
- 7. Coding Conventions
- References
What does the flutter-app-architecture skill do?
Use when scaffolding a project, refactoring into layers, creating view models/repositories, configuring dependency injection, or implementing unidirectional data flow (MVVM).
How do I install it?
Run `npx skills add evanca/flutter-ai-rules --skill flutter-app-architecture --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From evanca/flutter-ai-rules, a repository with 604 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.