LaunchKit · 2026

Setup & Installation

npx skills add https://github.com/flutter/skills --skill flutter-architecting-apps
or paste the link and ask your coding assistant to install it
https://github.com/flutter/skills/tree/main/skills/flutter-architecting-apps
View on GitHub

What This Skill Does

Guides you through structuring a Flutter app using a layered architecture with UI, Logic, and Data layers. It enforces separation of concerns, unidirectional data flow, and a single source of truth pattern. Useful when starting a new project or refactoring an existing one for better maintainability.

It gives you a concrete, step-by-step layering strategy instead of leaving you to figure out where repositories, services, and view models should live on your own.

When to use it

  • Setting up a new Flutter project with clean layer boundaries from day one
  • Refactoring a messy Flutter codebase into separate UI, Logic, and Data layers
  • Adding a new feature by following the Service, Repository, ViewModel, View workflow
  • Splitting a large widget file that mixes API calls with UI rendering
  • Reviewing whether your app's data flow follows unidirectional patterns