Dart Flutter Patterns

by affaan-mef648e01899bNo license275K starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 3 days ago

本番環境対応のDartおよびFlutterパターンは、null安全性、不変状態、非同期構成、ウィジェットアーキテクチャ、人気のある状態管理フレームワーク（BLoC、Riverpod、Provider）、GoRouterナビゲーション、Dioネットワーキング、Freezedコード生成、クリーンアーキテクチャをカバー。

Instructions onlySoftware Development

AI-generated overview

Provides production-ready Dart and Flutter code patterns for state management, navigation, networking and testing.

What it does: Supplies copy-paste-ready Dart and Flutter patterns organized by concern, covering null safety, immutable state, async composition, widget architecture, state management (BLoC, Riverpod, Provider), GoRouter navigation, Dio networking, error handling and testing. It includes illustrative code snippets such as sealed async state classes and a GoRouter with reactive auth redirect. It is an instructions-only reference with no scripts.
When to use it: Use it when starting a new Flutter feature and needing idiomatic patterns for state management, navigation or data access. It also fits reviewing or writing Dart code, setting up a Flutter project, implementing HTTP clients or local storage, writing widget or Cubit tests, and wiring GoRouter auth guards.
Requirements: No tools, packages or credentials are required beyond the agent; it ships no scripts and only provides guidance and code patterns.

Dart/Flutterパターン

使用時期

次の場合にこのスキルを使用：

新しいFlutter機能を開始し、状態管理、ナビゲーション、またはデータアクセスのイディオマティックパターンが必要
Dartコードのレビューまたは作成とnull安全性、シール型、非同期構成のガイダンスが必要
新しいFlutterプロジェクトをセットアップしBLoC、Riverpod、またはProviderのうち選択
安全なHTTPクライアント、WebView統合、ローカルストレージを実装
FlutterウィジェットEt、Cubit、またはRiverpodプロバイダーのテストを作成
GoRouterを認証ガードでワイヤリング

動作方法

このスキルは、懸念事項で整理されたコピーペーストの準備ができたDart/Flutterコードパターンを提供：

Null安全性 — !を避ける、?./??/パターンマッチングを好む
不変状態 — シール型、freezed、copyWith
非同期構成 — 並行Future.wait、await後の安全なBuildContext
ウィジェットアーキテクチャ — クラスに抽出（メソッドではなく）、const伝播、スコープ付きリビルド
状態管理 — BLoC/Cubityベント、Riverpodノーティファイアおよび派生プロバイダー
ナビゲーション — refreshListenable経由の反応型認証ガード付きGoRouter
ネットワーキング — インターセプタ付きDio、ワンタイム再試行ガード付きトークンリフレッシュ
エラーハンドリング — グローバルキャプチャ、ErrorWidget.builder、crashlyticsワイヤリング
テスト — ユニット（BLoC test）、ウィジェット（ProviderScopeオーバーライド）、モック上のフェイク

例

dart

// シール状態 — 不可能な状態を防止sealed class AsyncState<T> {}final class Loading<T> extends AsyncState<T> {}final class Success<T> extends AsyncState<T> { final T data; const Success(this.data); }final class Failure<T> extends AsyncState<T> { final Object error; const Failure(this.error); }
// 反応型認証リダイレクト付きGoRouterfinal router = GoRouter(  refreshListenable: GoRouterRefreshStream(authCubit.stream),  redirect: (context, state) {    final authed = context.read<AuthCubit>().state is AuthAuthenticated;    if (!authed && !state.matchedLocation.startsWith('/login')) return '/login';    return null;  },  routes: [...],);

// シール状態 — 不可能な状態を防止sealed class AsyncState<T> {}final class Loading<T> extends AsyncState<T> {}final class Success<T> extends AsyncState<T> { final T data; const Success(this.data); }final class Failure<T> extends AsyncState<T> { final Object error; const Failure(this.error); }
// 反応型認証リダイレクト付きGoRouterfinal router = GoRouter(  refreshListenable: GoRouterRefreshStream(authCubit.stream),  redirect: (context, state) {    final authed = context.read<AuthCubit>().state is AuthAuthenticated;    if (!authed && !state.matchedLocation.startsWith('/login')) return '/login';    return null;  },  routes: [...],);

詳細については、ドキュメントを参照してください。

Source and attribution

Source:affaan-m/eccindocs/ja-JP/skills/dart-flutter-patternsat commitef648e0

License: No license

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal

More from affaan-m/ecc

Vue Patterns

affaan-m

Reference guide for Vue 3 Composition API, component architecture, Pinia state, Vue Router, and Nuxt SSR patterns.

Software Development275Kupdated 3 days ago

Uncloud

affaan-m

Reference guide for managing Uncloud clusters with the uc CLI: deploying services, Caddy ingress, ports, scaling and logs.

DevOps & Cloud275Kupdated 3 days ago

Team Agent Orchestration

affaan-m

Coordinates multiple AI agents as a team using work items, Kanban states, branch isolation, and merge gates.

AI & Agents275Kupdated 3 days ago

Tasteforge Video

affaan-m

Use for file-driven multimodal image, video, and 3D-asset discovery; taste interviews; distill or apply workflows; style-pack validation; editable EDL/FCPXML export; provenance audits; and offline planning that must fail closed before provider generation.

Awaiting classification275Kupdated 3 days ago

Taste

affaan-m

Defines an angelcore / cloud-trance / hyperpop visual direction for music videos and short-form edits, with mood, editing grammar and a beat-mapped shot plan.

Design & Creative275Kupdated 3 days ago

Social Publisher

affaan-m

Schedules and publishes social media posts across 13 platforms through the SocialClaw workspace API.

Marketing & Sales275Kupdated 3 days ago

Dart Flutter Patterns

Dart/Flutterパターン

使用時期

動作方法

例

Source and attribution

More from affaan-m/ecc

Vue Patterns

Uncloud

Team Agent Orchestration

Tasteforge Video

Taste

Social Publisher

More in Software Development

Playground

M5 Onboard

Cardputer Buddy

Web Design Guidelines

Vercel React Native Skills

Vercel React Best Practices