moai-lang-flutter

Guide Flutter app development with Dart 3.5, Riverpod, and go_router.

Updated Jan 16, 2026
One-click install
npx skills add https://github.com/yarang/fastapi-error-code --skill moai-lang-flutter-yarang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: moai-lang-flutter
Source: https://github.com/yarang/fastapi-error-code/tree/main/.claude/skills/moai-lang-flutter
Command: npx skills add https://github.com/yarang/fastapi-error-code --skill moai-lang-flutter-yarang

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides structured guidance for building modern Flutter apps with Dart 3.5+, Riverpod, and go_router, enabling consistent cross-platform development.

Core Features & Use Cases

  • Modern Dart features: Patterns, records, and sealed classes applied to Flutter app architecture.
  • State management: Riverpod integration for reactive, testable providers and clean separation of concerns.
  • Navigation: go_router patterns for declarative routing, nested routes, and deep linking across mobile, desktop, and web.
  • Cross-Platform Patterns: UI patterns that adapt to mobile, desktop, and web targets with responsive layouts and platform-aware design.
  • Use Case: When starting a new Flutter project, configure Riverpod, go_router, and a shared architecture blueprint to accelerate delivery and maintain consistency.

Quick Start

Create a new Flutter project and install Riverpod and go_router. Then scaffold a sample app that demonstrates a Riverpod-based state, a GoRouter-based navigation tree, and a responsive layout that adapts across platforms.

Frequently Asked Questions about moai-lang-flutter

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

FAQPage Schema
How do I set up a Flutter project with Riverpod and go_router for cross-platform apps?

To set up a Flutter project with Riverpod and go_router, create a new project, install both dependencies, and scaffold a sample app demonstrating reactive state, declarative routing, and responsive layouts that adapt across mobile, desktop, and web platforms.

What is the best way to manage state in Flutter using Riverpod?

The best way to manage state in Flutter using Riverpod involves applying reactive, testable providers to ensure clean separation of concerns. This approach integrates seamlessly with Dart 3.5 patterns and sealed classes for a robust architecture.

How do I configure declarative routing and deep linking in Flutter with go_router?

Configuring declarative routing and deep linking in Flutter with go_router requires applying specific patterns for nested routes and navigation trees. This ensures consistent routing behavior across mobile, desktop, and web targets.

Does this Flutter architecture guidance support desktop and web platforms?

Yes, this Flutter architecture guidance supports desktop and web platforms by enforcing cross-platform patterns. It provides platform-aware design and responsive layouts that adapt UI components for mobile, desktop, and web targets.

How do Dart 3.5 patterns and sealed classes apply to Flutter app architecture?

Dart 3.5 patterns and sealed classes apply to Flutter app architecture by enabling modern, structured data handling. They enhance state management and routing logic when combined with Riverpod and go_router for cross-platform development.

Can I use this Flutter architecture blueprint for an existing codebase?

This Flutter architecture blueprint is primarily designed for starting new projects to accelerate delivery and maintain consistency. It configures Riverpod, go_router, and a shared architecture pattern from the ground up.