flutter-std

Build and debug Flutter apps with Riverpod, Freezed, and GoRouter.

1|Updated Dec 5, 2025
One-click install
npx skills add https://github.com/lollipopkit/cc-skills --skill flutter-std
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-std
Source: https://github.com/lollipopkit/cc-skills/tree/main/flutter-std
Command: npx skills add https://github.com/lollipopkit/cc-skills --skill flutter-std

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a guided setup and toolkit for building and debugging Flutter/Dart apps with Riverpod (codegen), Freezed data models, and GoRouter-based navigation. It helps teams implement UI features, run and hot-reload apps, and streamline debugging.

Core Features & Use Cases

  • Codegen-ready architecture: Riverpod with code generation and Freezed models for robust state management and type-safety.
  • Declarative routing: GoRouter for scalable navigation.
  • App lifecycle & debugging: Hot reload/restart, runtime logs, and widget inspection to speed iteration.

Quick Start

Launch the app on a connected device and perform a hot reload after code changes using the flutter-std toolchain.

Frequently Asked Questions about flutter-std

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

FAQPage Schema
How do I set up hot reload for Flutter app development with Riverpod?

Hot reload in Flutter lets you push code changes to a running app instantly without restarting. With Riverpod's codegen setup, save your Dart files and trigger hot reload to iterate on state management and UI without losing app state, speeding up feature development cycles.

What's the best way to structure Flutter state management with Riverpod and Freezed?

Riverpod with code generation and Freezed data models provide type-safe, immutable state containers and automatic serialization. This combination enforces architecture patterns, eliminates boilerplate, and catches state errors at compile time for robust feature implementation.

Can I use GoRouter for navigation in a Riverpod-based Flutter app?

Yes, GoRouter integrates seamlessly with Riverpod. GoRouter provides declarative, scalable routing with deep linking support, while Riverpod manages app state and dependency injection—both work together to handle navigation logic and pass state between routes efficiently.

How do I debug Flutter apps during development with code generation workflows?

Flutter's hot reload and widget inspection tools let you inspect UI trees and logs in real time. Combined with Riverpod codegen and Freezed validation, you can isolate state mutations and UI rendering issues without full app restarts, reducing debug cycles.

Do I need to configure code generation separately for Riverpod and Freezed?

Both Riverpod and Freezed require build runner configuration, but the setup is straightforward: define providers and data models in your Dart files, then run the generator once. The flutter-std toolkit guides you through this setup to enable type-safe codegen workflows.