dart-flutter-patterns

Compatibility matrix

Platform support, with evidence labels

Installation

Inspect first. Install second.

The source command is displayed only when detected. A safe inspection prompt is always available so your agent can explain every action before execution.

Workflow

What the source asks the agent to do

1. 01

   使用時期

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

   新しいFlutter機能を開始し、状態管理、ナビゲーション、またはデータアクセスのイディオマティックパターンが必要Dartコードのレビューまたは作成とnull安全性、シール型、非同期構成のガイダンスが必要新しいFlutterプロジェクトをセットアップしBLoC、Riverpod、またはProviderのうち選択
2. 02

   動作方法

   このスキルは、懸念事項で整理されたコピーペーストの準備ができたDart/Flutterコードパターンを提供： 1. Null安全性 — !を避ける、?./??/パターンマッチングを好む 2. 不変状態 — シール型、freezed、copyWith 3. 非同期構成 — 並行Future.wait、await後の安全なBuildContext 4. ウィジェットアーキテクチャ — クラスに抽出（メソッドではなく）、const伝播、スコープ付きリビルド 5. 状態管理 — BLoC/Cubityベント、Riverpodノーティファイアおよび派生プロバイダ…

   Null安全性 — !を避ける、?./??/パターンマッチングを好む不変状態 — シール型、freezed、copyWith非同期構成 — 並行Future.wait、await後の安全なBuildContext
3. 03

   例

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

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

Permission review

Static risk signals and limitations

Pinned source

Provenance and original SKILL.md

Repository

affaan-m/ECC

Skill path

docs/ja-JP/skills/dart-flutter-patterns/SKILL.md

Commit

4e973d3eaf92d97f8d2e2d8abb39d8bdc8711b38

License

MIT

Collected

2026-07-28

Default branch

main

// シール状態 — 不可能な状態を防止
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); }

// 反応型認証リダイレクト付きGoRouter
final 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: [...],
);