flutter-expert

Implements cross-platform Flutter applications with Riverpod, Bloc, and GoRouter.

1|Updated Aug 18, 2026
One-click install
npx skills add https://github.com/scsm-unrestrict/dsh-frontend-engineer-agent --skill flutter-expert-scsm-unrestrict
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-expert
Source: https://github.com/scsm-unrestrict/dsh-frontend-engineer-agent/tree/main/frontend-engineer/skills/flutter-expert
Command: npx skills add https://github.com/scsm-unrestrict/dsh-frontend-engineer-agent --skill flutter-expert-scsm-unrestrict

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building Flutter apps without established patterns leads to excessive widget rebuilds, tangled state management, navigation bugs, and janky performance that are hard to diagnose after the fact. ## Core Features & Use Cases - State Management Guidance: Implements Riverpod providers and Bloc/Cubit patterns with immutable state, correct ConsumerWidget usage, and testable event-driven flows. - Navigation & Architecture: Configures GoRouter with path parameters, shell routes, auth redirects, and a feature-based project structure separating data, domain, and presentation layers. - Performance Optimization: Applies const constructors, selective provider watching, RepaintBoundary, and compute() isolates, verified with Flutter DevTools profiling. - Use Case: When building a Flutter app with login, a product list, and detail screens, use this Skill to scaffold the project structure, wire up Riverpod state, configure GoRouter with an auth guard, and write widget tests that pass flutter analyze cleanly. ## Quick Start Use the flutter-expert skill to build a Flutter screen with Riverpod state management and GoRouter navigation for my app.

Frequently Asked Questions about flutter-expert

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

FAQPage Schema
How do I manage state in Flutter with Riverpod?

Riverpod state management uses providers like StateProvider for simple state, FutureProvider for async calls, and NotifierProvider for complex logic. Consume state with ConsumerWidget and ref.watch, using select() to limit rebuilds to specific fields.

Riverpod vs Bloc: which should I use in Flutter?

Use Riverpod for simple mutable state and dependency injection; use Bloc or Cubit for event-driven workflows like forms, auth, and wizards needing explicit event-to-state transitions. Bloc offers more predictable, testable flows for complex business logic.

How do I set up navigation in Flutter with GoRouter?

GoRouter setup defines a GoRouter instance with routes, path parameters like :id, and an optional redirect for auth guards. Pass it to MaterialApp.router via routerConfig, then navigate with context.go, context.push, or context.pop.

Why is my Flutter app janky and dropping frames?

Jank usually comes from expensive build() methods, missing const constructors, or heavy work on the UI thread. Profile with flutter run --profile and DevTools, then apply const widgets, RepaintBoundary, and compute() for heavy computation.

When should I not use setState in Flutter?

Avoid setState for app-wide state because it rebuilds the entire widget subtree. Use it only for local ephemeral state; for shared state, use Riverpod consumers or Bloc with scoped rebuilds instead.