flutter-dev

Build cross-platform Flutter apps with Riverpod, Bloc, and GoRouter.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers often struggle to assemble a cohesive Flutter architecture that balances state management, navigation, performance, and cross‑platform considerations, leading to duplicated effort and sub‑optimal apps.

Core Features & Use Cases

  • Widget Patterns: Ready‑to‑use templates for common UI scenarios such as lists, forms, and complex scrolling.
  • State Management: Guidance for Riverpod and Bloc/Cubit to keep state immutable and efficiently scoped.
  • Navigation: GoRouter setup with typed routes, deep linking, and auth guards.
  • Performance: Const constructors, provider selectors, isolates, and DevTools profiling to keep frame times under 16 ms.
  • Testing: Strategies for unit, widget, and integration tests tailored to Flutter projects.

Quick Start

Ask the assistant to create a new Flutter project scaffold using Riverpod and GoRouter with responsive layout support.

Frequently Asked Questions about flutter-dev

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?

Structure a Flutter app by setting up GoRouter with typed routes and auth guards, then scope immutable state using Riverpod selectors. This approach keeps navigation declarative and state efficiently separated.

What's the best way to achieve 16 ms frame times in Flutter cross-platform apps?

Achieve 16 ms frame times by applying const constructors, provider selectors, and isolates for heavy tasks. Profile rendering performance using Flutter DevTools to identify and eliminate jank across mobile, web, and desktop.

Does this Flutter state management approach support both Bloc and Riverpod?

Yes, the approach supports both Bloc and Riverpod for state management. It provides guidance for keeping state immutable and efficiently scoped, allowing you to choose the library that best fits your project's architecture.

How do I create responsive layouts for Flutter mobile, web, and desktop?

Create responsive layouts using proven widget patterns for lists, forms, and complex scrolling. These templates adapt UI elements across mobile, web, and desktop platforms to ensure consistent cross-platform user experiences.

Why should I use const constructors in Flutter widget patterns?

Use const constructors to prevent unnecessary widget rebuilds and optimize rendering performance. Combined with provider selectors, they ensure Flutter only redraws specific widgets when their dependent state changes.