Description
flutter-setup-declarative-routing is an agent skill for setting up routing and deep linking in Flutter apps with MaterialApp.router and the go_router package. It is written for web and mobile apps that need URL-based navigation. The skill explains the core pieces: GoRouter, which holds the whole route tree; GoRoute, which maps a URL path to a screen; ShellRoute and StatefulShellRoute, which wrap child routes in a persistent layout such as a bottom navigation bar, with StatefulShellRoute keeping the state of parallel branches; and the path URL strategy, which removes the # fragment from web addresses. It then walks through three workflows: initializing the application and its router, configuring deep linking on each platform, and building nested navigation. Examples are included for the common patterns. The skill is part of Flutter's agent-plugins repository and is added to a compatible agent with the skills command. It is for developers who want clean routes that work on the web and in deep links, not for simple single-screen apps.…
Highlights
- Sets up MaterialApp.router with go_router
- Explains GoRoute, ShellRoute and StatefulShellRoute
- Path URL strategy for clean web addresses
- Walkthroughs for deep linking and nested navigation
Ratings & Reviews
No ratings yet
Be the first to rate flutter-setup-declarative-routing.
People also visit
dart-flutter-patterns
Production-ready Dart and Flutter patterns covering null safety
flutter-dart-code-review
Library-agnostic Flutter/Dart code review checklist covering widget best
network-bgp-diagnostics
Diagnostics-only BGP troubleshooting patterns for neighbor state
flutter-implement-json-serialization
Create model classes with `fromJson` and `toJson` methods using `dart:convert`
flutter-setup-declarative-routing FAQ
What does this skill set up?
Declarative routing in a Flutter app with MaterialApp.router and the go_router package, including URL-based navigation.
Does it cover deep linking?
Yes. It has a workflow for configuring deep linking on each platform.
What is a shell route?
ShellRoute wraps child routes in a persistent UI shell, such as a bottom navigation bar. StatefulShellRoute also keeps the state of each parallel navigation branch.
Does it remove the # from web URLs?
Yes. The path URL strategy removes the default fragment from web addresses.
How do I install it?
Run: npx skills add https://github.com/flutter/agent-plugins --skill flutter-setup-declarative-routing
What security audits has it passed?
Gen Agent Trust Hub, Socket and Snyk all passed.
What are the best flutter-setup-declarative-routing alternatives?
Popular alternatives to flutter-setup-declarative-routing include dart-flutter-patterns, flutter-dart-code-review and network-bgp-diagnostics. See all flutter-setup-declarative-routing alternatives