flutter-architecting-apps — Skills

What it does

Core Architectural Principles

Structuring the Layers

Implementing the Data Layer

Feature Implementation Workflow

Implement Unidirectional Data Flow (UDF): Flow state downwards from the Data layer to the UI layer. Flow events upwards from the UI layer to the Data layer.

Treat UI as a Function of State: Drive the UI entirely via immutable state objects. Rebuild widgets reactively when the underlying state changes.

If the application is a standard CRUD app: Omit this layer. Allow ViewModels to interact directly with Repositories.

Layered architecture framework for scalable Flutter apps with strict separation of concerns.

Source

Repository: https://github.com/flutter/skills

flutter-architecting-apps FAQ

What does the flutter-architecting-apps skill do?

Architects a Flutter application using the recommended layered approach (UI, Logic, Data). Use when structuring a new project or refactoring for scalability. Core Architectural Principles Structuring the Layers

How do I install flutter-architecting-apps?

Run: npx -y skills add https://github.com/flutter/skills --skill flutter-architecting-apps --agent claude-code — the source lives at github.com/flutter/skills.

Maintain flutter-architecting-apps?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![flutter-architecting-apps on getagentictools](https://getagentictools.com/badge/skills/flutter-skills-flutter-architecting-apps.svg)](https://getagentictools.com/skills/flutter-skills-flutter-architecting-apps?ref=badge)

npx agentictools info skills/flutter-skills-flutter-architecting-apps

The second line is the CLI lookup for this page — handy in READMEs and docs.