moai-lang-flutter

Assist Flutter and Dart development with Riverpod and go_router.

Updated Feb 22, 2026
One-click install
npx skills add https://github.com/SayBGM/TubeExtract --skill moai-lang-flutter-saybgm
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: moai-lang-flutter
Source: https://github.com/SayBGM/TubeExtract/tree/main/.claude/skills/moai-lang-flutter
Command: npx skills add https://github.com/SayBGM/TubeExtract --skill moai-lang-flutter-saybgm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the development of cross-platform applications using Flutter and Dart, ensuring modern best practices and efficient state management.

Core Features & Use Cases

  • Cross-Platform Development: Build mobile, desktop, and web apps from a single codebase.
  • State Management: Leverage Riverpod for robust and scalable state management.
  • Navigation: Implement declarative navigation with go_router for complex app flows.
  • Use Case: Develop a new e-commerce mobile app with a consistent UI across iOS and Android, featuring real-time product updates managed by Riverpod and deep linking handled by go_router.

Quick Start

Use the moai-lang-flutter skill to create a new Flutter project with Riverpod and go_router configured.

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 new Flutter project with Riverpod and go_router?

To set up a new Flutter project with Riverpod and go_router, use this Skill to scaffold a cross-platform application. It configures modern state management and declarative navigation automatically, targeting Flutter 3.24+ and Dart 3.5+.

What is the best way to manage state and navigation in Dart 3.5?

The best way to manage state and navigation in Dart 3.5 is using Riverpod for scalable state management and go_router for declarative navigation. This combination supports complex app flows and deep linking across mobile, desktop, and web platforms.

Can I build web and desktop apps from a single Flutter codebase?

Yes, you can build web and desktop apps from a single Flutter codebase. This Skill provides expert assistance for cross-platform development, ensuring a consistent UI and modern architecture across mobile, desktop, and web from one project.

Does this approach support deep linking and real-time updates in e-commerce apps?

Yes, this approach supports deep linking and real-time updates in e-commerce apps. By utilizing go_router for deep linking and Riverpod for real-time state management, you can maintain consistent product data across iOS and Android.

Why use declarative navigation with go_router for complex Flutter app flows?

You use declarative navigation with go_router for complex Flutter app flows because it provides robust routing management. This Skill implements go_router to handle deep linking and navigation state cleanly across cross-platform applications.