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.