# Flutter Clean Arch

> Creates Flutter applications with Clean Architecture and layer separation. Use for scalable mobile applications.

- Skill: `tomevault-io/flutter-clean-arch` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/flutter-clean-arch`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/flutter-clean-arch/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/flutter-clean-arch

---

# Flutter Clean Architecture

> Flutter apps with Clean Architecture separation of concerns.

## 🚀 Quick Start
```dart
// domain/entities/user.dart
class User {
    final String id;
    final String name;
    User(this.id, this.name);
}

// presentation/pages/user_page.dart
class UserPage extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
        return Scaffold(body: Center(child: Text('User Page')));
    }
}
```

## 📋 When to Use
- ✅ Scalable Flutter applications
- ✅ Need clear layer separation (domain, data, presentation)
- ❌ Not for simple prototypes

## 🔧 Step-by-Step Instructions
1. Create Flutter project: `flutter create my_app`
2. Organize folders: `domain/`, `data/`, `presentation/`
3. Define entities and use cases
4. Run: `flutter run`

## 📦 Dependencies
```bash
flutter create my_app
```

## 🧪 Examples
Input: Navigation to UserPage → Output: User page displayed

## 🔗 Resources
- [Flutter Docs](https://flutter.dev/docs)
- [Examples](./examples/)

## ✅ Validation
1. Project compiles without errors
2. Layers properly isolated
3. Navigation works between pages

---
> Source: [ssrjkk/claude-skills](https://github.com/ssrjkk/claude-skills) — distributed by [TomeVault](https://tomevault.io).
<!-- tomevault:4.0:skill_md:2026-06-16 -->