flutter-expert

Develop Flutter apps with Riverpod, GoRouter, and performance profiling.

Updated Jun 16, 2026
One-click install
npx skills add https://github.com/Design-System-ET/genexus-dev-opencode --skill flutter-expert-design-system-et
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-expert
Source: https://github.com/Design-System-ET/genexus-dev-opencode/tree/main/skills/flutter-expert
Command: npx skills add https://github.com/Design-System-ET/genexus-dev-opencode --skill flutter-expert-design-system-et

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the development of complex Flutter applications by providing standardized patterns for state management, navigation, and performance optimization, reducing boilerplate and common architectural pitfalls.

Core Features & Use Cases

  • State Management: Provides expert-level guidance on implementing Riverpod and Bloc for predictable, testable application state.
  • Navigation & Routing: Simplifies complex app navigation using GoRouter, including deep linking and shell routes.
  • Performance Profiling: Offers actionable steps to identify and eliminate jank, optimize widget rebuilds, and profile memory usage.
  • Use Case: Use this skill to architect a new feature module, ensuring that state is managed via Riverpod, navigation is handled by GoRouter, and UI components are optimized with const constructors.

Quick Start

Use the flutter-expert skill to scaffold a new feature module with Riverpod providers and GoRouter navigation.

Frequently Asked Questions about flutter-expert

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

FAQPage Schema
How do I optimize Flutter widget rebuilds and eliminate UI jank?

To optimize Flutter performance and eliminate jank, this Skill provides actionable steps to profile memory usage, identify unnecessary widget rebuilds, and apply const constructors for production-grade rendering efficiency.

What's the best way to manage state in Flutter using Riverpod or Bloc?

For predictable Flutter state management, this Skill provides standardized architectural patterns to implement Riverpod and Bloc, reducing boilerplate and ensuring testable application state across complex feature modules.

How do I implement deep linking and shell routes with GoRouter in Flutter?

Implementing deep linking and shell routes with GoRouter in Flutter is simplified here through standardized navigation patterns that handle complex app routing while avoiding common architectural pitfalls.

Can I use this Skill to scaffold a new Flutter feature module with Dart?

Yes, you can scaffold a new cross-platform Flutter feature module using Dart, ensuring state is managed via Riverpod, navigation is handled by GoRouter, and UI components adhere to platform-specific design guidelines.

Does this Skill support cross-platform mobile development for production apps?

Yes, this Skill facilitates cross-platform mobile development in Flutter by ensuring adherence to widget optimization, test coverage, and platform-specific design guidelines required for production-grade software.

Why should I use standardized patterns for Flutter app architecture?

Using standardized patterns for Flutter architecture prevents common pitfalls and reduces boilerplate, providing expert-level guidance for state management, navigation, and performance profiling across complex applications.