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.