flutter-dev

Provide structured Flutter and Dart guidelines for widgets, state management, navigation, and performance.

30|1|Updated Apr 15, 2026
One-click install
npx skills add https://github.com/qianleigood/crawclaw --skill flutter-dev-qianleigood
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-dev
Source: https://github.com/qianleigood/crawclaw/tree/main/skills-optional/flutter-dev
Command: npx skills add https://github.com/qianleigood/crawclaw --skill flutter-dev-qianleigood

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Flutter projects often suffer from inconsistent widget patterns, fragile state management, and fragmented navigation strategies, which slow delivery and reduce UI quality.

Core Features & Use Cases

  • Provides a comprehensive Flutter and Dart guideline set covering widget patterns, state management (Riverpod/Bloc), navigation (GoRouter), responsive layouts, performance tuning, and testing.
  • Includes a library of references (animations, localization, networking, forms, platform specifics) to accelerate onboarding and maintain consistency across teams.
  • Use Case: standardize UI composition, ensure scalable navigation, and improve testability across Flutter apps.

Quick Start

Implement the Flutter dev skill in a project by starting with widget patterns and state management, using the references to guide implementation and review.

Frequently Asked Questions about flutter-dev

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

FAQPage Schema
How do I standardize Flutter widget patterns and state management across my team?

Standardize Flutter widget patterns and state management by loading structured guidelines covering Riverpod, Bloc, and UI composition into your AI context. This enforces consistency across teams, reduces fragile state management, and accelerates delivery during app reviews.

What is the best way to structure Flutter navigation flows using GoRouter?

The best way to structure Flutter navigation flows is by applying structured guidelines for GoRouter to ensure scalable and consistent navigation strategies. This prevents fragmented routing logic and maintains UI quality across complex app scenarios.

How do I tune Flutter app performance and improve testability for real-world scenarios?

Tune Flutter app performance and improve testability by applying comprehensive guideline sets covering performance optimization and testing. This provides reusable patterns that enforce consistency and accelerate delivery during UI composition and app reviews.

Does this Flutter development skill work with Dart for responsive layouts and platform specifics?

Yes, this Flutter development skill works with Dart by providing a library of references for responsive layouts, platform specifics, networking, and localization. This accelerates onboarding and maintains consistency across your team's projects.

When do I need a guideline set for Flutter and Dart app development?

You need a guideline set for Flutter and Dart app development when projects suffer from inconsistent widget patterns, fragile state management, and fragmented navigation strategies. These issues slow delivery and reduce UI quality in real-world scenarios.

Why does my Flutter app suffer from inconsistent UI composition and fragile state management?

Your Flutter app suffers from inconsistent UI composition and fragile state management due to a lack of structured guidelines and reusable patterns. Implementing standardized widget patterns and state management strategies resolves these delivery bottlenecks.