Agent Skills: Riverpod State Management

Implement reactive state management using Riverpod 2.0 with code generation in Flutter. Use when defining @riverpod providers, building AsyncNotifiers, overriding providers in tests, or enforcing immutable state with Freezed models. (triggers: **_provider.dart, **_notifier.dart, riverpod, ProviderScope, ConsumerWidget, Notifier, AsyncValue, ref.watch, @riverpod)

UncategorizedID: hoangnguyen0403/agent-skills-standard/flutter-riverpod-state-management

Install this agent skill to your local

pnpm dlx add-skill https://github.com/HoangNguyen0403/agent-skills-standard/tree/HEAD/skills/flutter/flutter-riverpod-state-management

Skill Files

Browse the full folder contents for flutter-riverpod-state-management.

Download Skill

Loading file tree…

skills/flutter/flutter-riverpod-state-management/SKILL.md

Skill Metadata

Name
flutter-riverpod-state-management
Description
"Implement reactive state management using Riverpod 2.0 with code generation in Flutter. Use when defining @riverpod providers, building AsyncNotifiers, overriding providers in tests, or enforcing immutable state with Freezed models. (triggers: **_provider.dart, **_notifier.dart, riverpod, ProviderScope, ConsumerWidget, Notifier, AsyncValue, ref.watch, @riverpod)"

Riverpod State Management

Priority: P0 (CRITICAL)

Type-safe, compile-time safe reactive state management using riverpod and riverpod_generator.

Structure

lib/
├── providers/ # Global providers and services
└── features/user/
    ├── providers/ # Feature-specific providers
    └── models/    # @freezed domain models

Provider Definition (Generator-First)

Use @riverpod annotations for all provider definitions. See implementation examples for full provider and consumer patterns.

Consuming Providers

Use ConsumerWidget with ref.watch() and AsyncValue.when() for reactive UI. See implementation examples.

Implementation Guidelines

  • Generator First: Use @riverpod annotations. Avoid manual Provider definitions.
  • Immutability: Use Freezed for all state models.
  • ref.watch(): Inside build() to rebuild on changes.
  • ref.listen(): Inside build() for side-effects (navigation, dialogs). Never in provider init.
  • ref.read(): ONLY in callbacks (onPressed).
  • Testing: Override providers with ProviderScope(overrides: [provider.overrideWithValue(Mock())]).
  • Linting: Enable riverpod_lint and custom_lint for cycle detection.

Anti-Patterns

  • No side-effects in provider init: Use ref.listen() in widgets instead.
  • No BuildContext in Notifiers: Never pass BuildContext into a Notifier/Provider.
  • No local provider instantiation: Keep providers global; avoid dynamic creation.

Related Topics