flutter-development

Develop Flutter and Dart apps with Riverpod, GoRouter, and Dio.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Creating consistent, high-performance iOS and Android apps from a single codebase is hard because state, navigation, API integration, and platform differences must be handled correctly; this Skill provides a structured approach and patterns to reduce integration friction and runtime bugs.

Core Features & Use Cases

  • State Management with Riverpod: patterns, StateNotifier usage, FutureProvider and provider families for parameterized data.
  • Declarative Navigation with GoRouter: route definitions, nested routes, shell routes, deep linking, and auth redirects.
  • REST API Integration: Dio setup, interceptors for auth/token refresh, error handling, and service patterns.
  • Secure Storage & Firebase: guidance on flutter_secure_storage and integrating Firebase Auth/Firestore for real apps.
  • Use Cases: rapid prototypes with hot reload, production apps with token-based auth, apps needing deep linking or complex navigation, and teams standardizing architecture.

Quick Start

Create a new Flutter app that uses Riverpod for state, GoRouter for navigation, and Dio for REST APIs, then implement a user list screen that fetches data and a detail screen with route parameters.

Frequently Asked Questions about flutter-development

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

FAQPage Schema
How do I structure Flutter state management with Riverpod providers?

You configure GoRouter routes in Flutter by defining route paths, nested routes, and shell routes. GoRouter enables declarative navigation, deep linking, and auth redirects for consistent cross-platform routing.

What is the best way to set up Dio HTTP client interceptors for token refresh in Flutter?

You integrate Firebase Auth and Firestore with Flutter by connecting secure token storage and Firebase services. This integration enables real-time user authentication and structured data synchronization for production apps.

Does this Flutter approach support secure token storage on iOS and Android?

You can use Riverpod with Flutter for complex production apps by implementing StateNotifier and provider families. This approach handles parameterized data fetching and scales state management for large cross-platform applications.

How do I configure GoRouter for deep linking and auth redirects in Flutter?

Structure Flutter state management with Riverpod using StateNotifier for mutable state, FutureProvider for async data, and provider families for parameterized data fetching. This pattern ensures consistent state handling across iOS and Android.

How do I integrate Firebase Auth and Firestore in a Flutter app?

Set up Dio HTTP client interceptors in Flutter to manage token refresh and handle API errors structurally. Dio interceptors automate authentication token attachment and centralize REST API error handling.

Can I use Riverpod for complex production apps requiring cross-platform consistency?

Yes, this Flutter approach supports secure token storage on iOS and Android using flutter_secure_storage. It ensures sensitive authentication credentials are safely persisted across both platforms.