flutter-dart

Guide Flutter and Dart architecture, state management, and testing practices.

16|Updated Apr 30, 2026
One-click install
npx skills add https://github.com/JCETools-Petra/JCE-Opencode-Tools --skill flutter-dart-jcetools-petra
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-dart
Source: https://github.com/JCETools-Petra/JCE-Opencode-Tools/tree/main/config/skills/flutter-dart
Command: npx skills add https://github.com/JCETools-Petra/JCE-Opencode-Tools --skill flutter-dart-jcetools-petra

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Flutter and Dart development often stalls due to unclear state-management decisions, inconsistent architecture, and performance or testing gaps that only appear late in the workflow.

Core Features & Use Cases

  • State management guidance: Choose appropriate patterns for local widget state, shared app state (Riverpod 3 / Bloc), async/server data, forms, and navigation.
  • Architecture and modernization: Apply clean, feature-first structure and leverage Dart 3.6 patterns (sealed classes, records, extension types, and class/interface modifiers).
  • Performance and verification: Improve rendering with Impeller-aware practices and validate changes with unit, widget, integration, and golden tests.

Quick Start

Use the flutter-dart skill to design a Riverpod 3 architecture for your Flutter screen, then outline the state, providers, testing strategy, and performance checks for the requested feature.

Frequently Asked Questions about flutter-dart

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I choose the right Flutter state management pattern for my app?

Flutter state management selection depends on data scope: use StatefulWidget or hooks for local widget state, Riverpod 3 for shared app state, and FutureProvider or AsyncNotifier for async server data handling.

How do I set up Riverpod 3 providers with code generation in Dart?

Riverpod 3 provider design uses AsyncNotifier and FutureProvider patterns with code-generation expectations, leveraging Dart 3.6 sealed classes and records to structure async data handling and state mutations cleanly.

What's the best way to test Flutter widgets and verify performance?

Flutter widget testing and performance verification involve running unit, widget, integration, and golden tests, validated through `flutter analyze`, `dart fix`, `flutter test`, and golden image updates.

Does this Flutter architecture guidance support Dart 3.6 features like sealed classes?

Flutter architecture modernization applies Dart 3.6 patterns including sealed classes, records, extension types, and class modifiers to enforce feature-first structure and type-safe state handling.

How do I fix common Flutter performance and anti-pattern issues?

Flutter performance and anti-pattern remediation applies Impeller-aware rendering practices, corrects state management inconsistencies, and validates fixes using `flutter analyze` and widget integration tests.

When should I use go_router for Flutter navigation setup?

Flutter navigation setup uses go_router for declarative routing, integrated with your state management approach to handle deep links and navigation flows alongside Riverpod 3 providers.