moai-lang-flutter

Develop cross-platform Flutter apps with Riverpod state management and go_router navigation.

Updated Nov 20, 2025
One-click install
npx skills add https://github.com/soo-kate-yeon/shadowoo --skill moai-lang-flutter-soo-kate-yeon
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: moai-lang-flutter
Source: https://github.com/soo-kate-yeon/shadowoo/tree/main/.agents/skills/moai-lang-flutter
Command: npx skills add https://github.com/soo-kate-yeon/shadowoo --skill moai-lang-flutter-soo-kate-yeon

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill empowers developers to build sophisticated cross-platform mobile, desktop, and web applications using Flutter and Dart, leveraging modern state management and navigation patterns.

Core Features & Use Cases

  • Cross-Platform Development: Build apps for iOS, Android, Web, and Desktop from a single codebase.
  • State Management: Implement robust state management with Riverpod for efficient and scalable applications.
  • Navigation: Utilize go_router for declarative navigation and deep linking.
  • Native Integration: Seamlessly integrate with native platform features using Platform Channels.
  • Use Case: Develop a new feature for a mobile app that requires complex state management and navigation between multiple screens, ensuring a consistent user experience across all target platforms.

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 build a cross-platform Flutter app with Riverpod and go_router?

You can build cross-platform Flutter apps by using this Skill to configure Dart 3.5+ projects with Riverpod for state management and go_router for declarative navigation. It generates the foundational code needed to support mobile, desktop, and web from a single codebase.

What is the best way to manage state and navigation in a Flutter 3.24+ application?

The best way to manage state and navigation is using Riverpod and go_router. This approach enables scalable state handling and declarative routing with deep linking, ensuring consistent user experiences across all target platforms.

Can I integrate native platform features into my Flutter app using this approach?

Yes, you can integrate native platform features into your Flutter app using Platform Channels. This allows your Dart code to communicate with native iOS and Android APIs for features not available in the standard Flutter framework.

Does this Flutter development method support desktop and web platforms?

Yes, this Flutter development method fully supports desktop and web platforms. It builds adaptive UI design patterns that ensure your application renders correctly across mobile, web, and desktop environments from one codebase.

When do I need declarative navigation in a cross-platform mobile app?

You need declarative navigation when your app requires deep linking and complex routing between multiple screens. Using go_router ensures your navigation state remains synchronized with the platform's URL bar or deep links.

What Dart version is required for modern Flutter cross-platform development?

Modern Flutter cross-platform development requires Dart 3.5+ and Flutter 3.24+. These versions provide the necessary language features and framework capabilities to support advanced state management and adaptive UI design.