flutter-dev

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

8|1|Updated Apr 13, 2026
One-click install
npx skills add https://github.com/Tugoukezhang/workbuddy-skills --skill flutter-dev-tugoukezhang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-dev
Source: https://github.com/Tugoukezhang/workbuddy-skills/tree/main/skills/Flutter%20%E5%BC%80%E5%8F%91
Command: npx skills add https://github.com/Tugoukezhang/workbuddy-skills --skill flutter-dev-tugoukezhang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

## What problem does it solve? Flutter cross-platform development guide consolidating widget patterns, Riverpod/Bloc state management, GoRouter navigation, performance tuning, and platform-specific implementations for mobile, web, and desktop.

## Core Features & Use Cases

  • Streamlined architecture with reusable widget patterns and state management workflows.
  • End-to-end navigation and routing guidance using GoRouter across multiple platforms.
  • Performance optimization, testing strategies, and DevTools profiling for production-grade apps.
  • Real-world scenarios include building a responsive UI, implementing complex state flows, and platform-specific adaptations.

### Quick Start Open a sample Flutter project and implement a basic page using Riverpod for state management and GoRouter for navigation.

Frequently Asked Questions about flutter-dev

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

FAQPage Schema
How do I manage state in Flutter using Riverpod or Bloc?

Flutter state management with Riverpod or Bloc involves implementing standard patterns for reactive data flows. This blueprint provides reusable workflows to handle complex state logic across mobile, web, and desktop platforms efficiently.

What is the best way to configure GoRouter navigation for cross-platform Flutter apps?

Configuring GoRouter navigation for cross-platform Flutter apps requires end-to-end routing guidance across mobile, web, and desktop. This blueprint streamlines architecture by applying standard navigation patterns to ensure consistent platform-specific routing behavior.

How do I optimize Flutter performance and apply const constructor constraints?

Optimizing Flutter performance requires enforcing const optimizations and utilizing DevTools profiling. This blueprint provides performance tuning strategies and testing workflows to identify bottlenecks and ensure production-grade app responsiveness.

Does this Flutter development approach support responsive layouts for web and desktop?

Yes, this Flutter development approach supports responsive layouts for web and desktop. It provides practical blueprints for building responsive UIs and making platform-specific adaptations to ensure seamless cross-platform rendering.

How do I start building a Flutter app with Riverpod and GoRouter?

To start building a Flutter app with Riverpod and GoRouter, open a sample project and implement a basic page. Use Riverpod for state management workflows and GoRouter to establish the initial navigation routes.