flutter-expert

Generate maintainable Dart code for Flutter widgets, state management, and routing.

10.9k|1.0k|Updated Oct 20, 2025
One-click install
npx skills add https://github.com/Jeffallan/claude-skills --skill flutter-expert
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-expert
Source: https://github.com/Jeffallan/claude-skills/tree/main/skills/flutter-expert
Command: npx skills add https://github.com/Jeffallan/claude-skills --skill flutter-expert

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps Flutter developers accelerate widget development, state management, and performance optimization across Flutter 3+. It consolidates best practices, patterns, and references to reduce boilerplate and cognitive load.

Core Features & Use Cases

  • Widget Development: Create reusable, const-optimized widgets with proper keys and structure.
  • State Management: Implement Riverpod/Bloc patterns for scalable state handling.
  • Navigation: Set up GoRouter-based routing with deep links and nested routes.
  • Performance: Guide profiling, caching strategies, and jank reduction.
  • Platform Adaptation: Platform-specific implementations where needed.

Quick Start

Start a cross-platform Flutter feature by creating a new widget with const constructors and Riverpod providers, then wire navigation with GoRouter.

Frequently Asked Questions about flutter-expert

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

FAQPage Schema
How do I build cross-platform Flutter apps with state management?

Cross-platform Flutter apps use Riverpod or Bloc for state management alongside widgets and GoRouter for navigation. This Skill generates maintainable Dart code for widgets, state providers, routing configurations, and platform-specific implementations across iOS, Android, Web, and Desktop, reducing boilerplate and consolidating best practices.

What's the best way to structure Flutter widgets with const constructors and keys?

Const-correct widgets with meaningful keys improve performance and reusability. This Skill generates reusable, const-optimized widget structures with proper key patterns and ConsumerWidget implementations for Riverpod integration, following Flutter 3.19+ conventions.

How do I set up GoRouter navigation with nested routes in Flutter?

GoRouter simplifies navigation with deep linking and nested route hierarchies. This Skill configures GoRouter route setups with nested routes and deep link support, eliminating manual route management across Flutter 3.19+ projects.

Can I use Riverpod and Bloc patterns together in Flutter?

Both Riverpod and Bloc work for state management; this Skill supports both patterns. It generates appropriate state management scaffolds—ConsumerWidget patterns for Riverpod or Bloc architecture—depending on your project needs and Dart 3.3+ requirements.

How do I optimize Flutter app performance and identify jank?

Performance optimization in Flutter involves profiling, caching, and offloading heavy work. This Skill guides DevTools profiling workflows, caching strategies, compute() usage for background tasks, and testing scaffolds with flutter_test to reduce jank across platforms.

What platform-specific code do I need for Flutter apps on iOS, Android, Web, and Desktop?

Platform-specific implementations vary by target. This Skill generates targeted platform adaptations for iOS, Android, Web, and Desktop where needed, maintaining shared Dart code while addressing platform differences in Flutter 3.19+ projects.