flutter

Guide Flutter and Dart cross-platform app development with Riverpod, BLoC, and GoRouter.

6|1|Updated Feb 27, 2026
One-click install
npx skills add https://github.com/RepairYourTech/cfsa-antigravity --skill flutter-repairyourtech
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter
Source: https://github.com/RepairYourTech/cfsa-antigravity/tree/main/.agent/skill-library/stack/mobile/flutter
Command: npx skills add https://github.com/RepairYourTech/cfsa-antigravity --skill flutter-repairyourtech

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides expert guidance for building robust, performant, and maintainable cross-platform applications using the Flutter framework.

Core Features & Use Cases

  • Project Structure: Best practices for organizing Flutter projects.
  • Widget Composition: Efficiently build UIs with reusable and const widgets.
  • State Management: Implement state with Riverpod or BLoC.
  • Navigation: Configure routing with GoRouter.
  • Dart Best Practices: Leverage null safety, pattern matching, and Freezed.
  • Performance Optimization: Techniques to ensure smooth app performance.
  • Testing: Strategies for widget, golden, and integration tests.

Quick Start

Use the flutter skill to generate a basic project structure for a new mobile application.

Frequently Asked Questions about flutter

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

FAQPage Schema
What is the best way to structure a Flutter project for cross-platform apps?

The best way to structure a Flutter project is by following best practices for organizing directories and files. This ensures your cross-platform iOS, Android, Web, and Desktop applications remain robust and maintainable.

How do I manage state in Flutter using Riverpod or BLoC?

To manage state in Flutter, you can implement state management using either Riverpod or BLoC. These approaches help separate your business logic from the UI, making your Dart code more testable and performant.

How do I configure routing in a Flutter application with GoRouter?

Configuring routing in a Flutter application with GoRouter involves defining route paths and mapping them to specific widgets. This navigation approach handles deep links and stateful routing efficiently across platforms.

Can I use Dart null safety and Freezed for Flutter widget composition?

Yes, you can leverage Dart null safety and Freezed for Flutter widget composition. Using Freezed generates immutable data classes, while null safety ensures compile-time protection against null reference errors in your UI code.

What are the best strategies for Flutter performance optimization and testing?

Flutter performance optimization involves using const widgets and minimizing rebuilds, while testing strategies include widget, golden, and integration tests. These techniques ensure smooth app performance and reliable UI behavior.

Does Flutter 3.x support building iOS, Android, Web, and Desktop apps from a single codebase?

Yes, Flutter 3.x supports building iOS, Android, Web, and Desktop apps from a single Dart codebase. This cross-platform mobile development capability allows you to maintain one robust application across all target platforms.