← ClaudeAtlas

flutter-architecturelisted

Provides Flutter app architecture patterns with feature-first structure, clean architecture, and state management (Bloc, Riverpod, Provider). Use when user asks about Flutter project structure, state management selection, dependency injection, or designing Flutter app architecture.
smicolon/ai-kit · ★ 3 · AI & Automation · score 67
Install: claude install-skill smicolon/ai-kit
# Flutter Architecture Patterns Apply these patterns when designing or implementing Flutter applications. ## Feature-First Project Structure Organize Flutter projects by feature, not by layer: ``` lib/ ├── core/ # Shared infrastructure │ ├── constants/ # App-wide constants │ ├── errors/ # Error classes and handling │ ├── extensions/ # Dart extensions │ ├── network/ # HTTP client, interceptors │ ├── theme/ # App theme, colors, typography │ └── utils/ # Utility functions ├── features/ # Feature modules │ ├── auth/ │ │ ├── data/ # Data layer │ │ │ ├── datasources/ # Remote and local data sources │ │ │ ├── models/ # Data models (JSON serializable) │ │ │ └── repositories/ # Repository implementations │ │ ├── domain/ # Domain layer │ │ │ ├── entities/ # Business entities │ │ │ ├── repositories/ # Repository interfaces │ │ │ └── usecases/ # Business logic │ │ └── presentation/ # UI layer │ │ ├── bloc/ # State management │ │ ├── pages/ # Screen widgets │ │ └── widgets/ # Feature-specific widgets │ └── [other_features]/ ├── shared/ # Shared UI components │ ├── widgets/ # Reusable wi