flutter-expert

Build Flutter and Dart cross-platform app implementations with Riverpod or Bloc state management.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/kamelmh/opencode-config --skill flutter-expert-kamelmh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-expert
Source: https://github.com/kamelmh/opencode-config/tree/main/skills/flutter-expert
Command: npx skills add https://github.com/kamelmh/opencode-config --skill flutter-expert-kamelmh

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill removes the guesswork from building production Flutter applications by guiding widget architecture, state management, routing, testing, and performance tuning for Dart-based cross-platform apps.

Core Features & Use Cases

  • Widget Development: Build reusable, const-optimized UI components with proper keys, responsive layouts, and platform-aware behavior.
  • State Management: Apply Riverpod for simple and async state, or Bloc and Cubit for event-driven flows, complex business logic, and testable interactions.
  • Navigation and App Structure: Configure GoRouter routes, deep links, shell routes, and feature-based project organization for scalable apps.
  • Performance and Quality: Reduce rebuilds, profile jank, isolate expensive work, and validate behavior with flutter test and flutter analyze.
  • Use Case: A team can use this Skill to ship a new authenticated mobile feature with clean routing, scoped state, responsive screens, and regression tests without reinventing architecture decisions.

Quick Start

Use the flutter-expert skill to design or review a Flutter feature with Riverpod or Bloc state, GoRouter navigation, and the tests needed to verify it.

Frequently Asked Questions about flutter-expert

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

FAQPage Schema
How do I structure a Flutter app with Riverpod and GoRouter?

Configure GoRouter routes and apply Riverpod for scoped state to structure a Flutter app. This supports feature-based project organization, deep links, and shell routes for scalable cross-platform user interfaces.

What's the best way to reduce jank and rebuilds in Flutter widgets?

Reduce jank and rebuilds by building const-safe widgets with immutable state updates and selective rebuilds. Use profiling-driven jank reduction and isolate expensive work to optimize Flutter app performance.

When should I use Bloc instead of Riverpod for Flutter state management?

Use Bloc or Cubit instead of Riverpod for event-driven flows and complex business logic in Flutter. Riverpod handles simple and async state, while Bloc provides testable interactions for complex state management scenarios.

How do I write widget tests for Flutter features with state management?

Write widget tests by validating behavior with flutter test alongside your state management architecture. This requires widget tests and uses flutter analyze to verify Riverpod or Bloc interactions and ensure regression-free Flutter features.

Can I build platform-specific behavior in Flutter widgets?

Yes, you can build platform-specific behavior in Flutter widgets. Develop reusable, const-optimized UI components with proper keys, responsive layouts, and platform-aware behavior for cross-platform Dart apps.

Does this approach support deep links and shell routes in GoRouter?

Yes, this approach supports deep links and shell routes in GoRouter. Configure GoRouter navigation and route configuration to build scalable Flutter apps with feature-based project organization and authenticated mobile features.