flutter-expert

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

2|Updated Jun 29, 2026
One-click install
npx skills add https://github.com/Axel-DaMage/opencode-config --skill flutter-expert-axel-damage
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-expert
Source: https://github.com/Axel-DaMage/opencode-config/tree/main/skills/flutter-expert
Command: npx skills add https://github.com/Axel-DaMage/opencode-config --skill flutter-expert-axel-damage

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides expert-level guidance for building high-performance cross-platform applications with Flutter 3 and Dart, addressing widget development, state management, navigation, and performance optimization.

Core Features & Use Cases

  • Widget Development: Build reusable, const-optimized components.
  • State Management: Implement Riverpod or Bloc for state management.
  • Navigation: Set up navigation with GoRouter.
  • Performance Optimization: Profile and optimize Flutter applications.
  • Use Case: If you're developing a complex Flutter app and need help with widget design, state management, or performance tuning, this Skill offers comprehensive guidance.

Quick Start

Use the flutter-expert skill to scaffold a new Flutter project with state management and routing configured.

Frequently Asked Questions about flutter-expert

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

FAQPage Schema
How do I set up state management and routing in a new Flutter 3 project?

Setting up state management and routing in a new Flutter 3 project involves configuring Riverpod or Bloc for state handling and GoRouter for navigation. This establishes a structured architecture for complex app development.

What is the best way to optimize Flutter app performance and reduce widget rebuilds?

Optimizing Flutter app performance involves building reusable, const-optimized widgets and utilizing performance profiling tools. This approach identifies rendering bottlenecks and minimizes unnecessary widget rebuilds.

Should I use Riverpod or Bloc for state management in a complex Flutter app?

Both Riverpod and Bloc are supported approaches for Flutter state management in complex apps. Choosing between them depends on your project's specific scalability requirements and architectural preferences.

How does GoRouter handle navigation in Flutter 3 applications?

GoRouter handles Flutter 3 navigation by providing structured routing configuration for applications. It manages declarative navigation paths and deep linking, which is essential for maintaining state in complex apps.

Do I need to know Dart to build reusable Flutter widgets?

Yes, knowledge of Dart is required to build reusable Flutter widgets. Widget development relies on Dart programming to create const-optimized components and define their rendering logic within the Flutter 3 framework.

When should I use performance profiling tools for Flutter app development?

Performance profiling tools should be used during Flutter app development when experiencing UI jank or slow rendering. Profiling identifies performance bottlenecks during complex widget builds, enabling targeted optimization.