flutter-dev

Guide Flutter 3 development with Riverpod, Bloc, and GoRouter.

Updated Apr 28, 2026
One-click install
npx skills add https://github.com/fengjutian/skills --skill flutter-dev-fengjutian
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-dev
Source: https://github.com/fengjutian/skills/tree/main/flutter-dev
Command: npx skills add https://github.com/fengjutian/skills --skill flutter-dev-fengjutian

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires flutter, dart, riverpod, bloc, gorouter, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and best practices for building cross-platform applications with Flutter, covering everything from widget patterns to performance optimization.

Core Features & Use Cases

  • Widget Patterns: Learn the most effective patterns for building reusable and maintainable widgets.
  • State Management: Understand and implement state management using Riverpod and Bloc.
  • Navigation: Set up and manage navigation with GoRouter.
  • Performance Optimization: Learn strategies for optimizing performance and profiling your app with DevTools.
  • Use Case: If you are developing a Flutter app and need a reliable framework and best practices to build on, this Skill is for you.

Quick Start

To get started, follow the instructions in the README.md file to build a simple Flutter app using the provided guidelines.

Frequently Asked Questions about flutter-dev

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

FAQPage Schema
What is the best way to manage state in a Flutter app using Riverpod or Bloc?

State management in a Flutter app is best handled by implementing Riverpod or Bloc to separate business logic from UI widgets. This approach ensures maintainable state handling and reusable component patterns across your cross-platform application.

How do I set up navigation with GoRouter in a Flutter application?

To set up navigation with GoRouter in a Flutter application, define your route configurations declaratively and map them to specific widgets. This enables deep linking and structured navigation management within your cross-platform mobile app.

Do I need to know Dart and Flutter 3 to use these cross-platform development best practices?

Yes, you need knowledge of Dart and Flutter 3 to apply these best practices. Familiarity with Riverpod, Bloc, and GoRouter libraries is also required to effectively implement the widget patterns and performance optimization strategies provided.

How do I optimize Flutter app performance and profile widgets with DevTools?

Optimizing Flutter app performance involves profiling your app with DevTools to identify rendering bottlenecks and unnecessary widget rebuilds. Implementing effective widget patterns reduces memory usage and improves overall cross-platform execution speed.

Riverpod vs Bloc: which state management approach should I choose for my Flutter project?

Choosing between Riverpod and Bloc for state management depends on your app's complexity. Both are supported approaches for Flutter development, allowing you to build reusable and maintainable widgets while effectively separating business logic from your UI.

How do I build reusable and maintainable widget patterns in Flutter?

Building reusable widget patterns in Flutter involves structuring your UI components to separate presentation logic from business logic. Utilizing state management solutions like Riverpod or Bloc ensures your widgets remain maintainable throughout your cross-platform mobile app.