flutter-navigation
Simplifies route configuration and deep linking in Flutter apps using go_router.
Install
mkdir -p .claude/skills/flutter-navigation && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/19414" && unzip -o skill.zip -d .claude/skills/flutter-navigation && rm skill.zipInstalls to .claude/skills/flutter-navigation
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Implement route configuration, go_router/deep linking, and named routes in Flutter. Use for route declarations, route guards, and URL-to-screen mapping; defer transition-only animation, state-transfer/BLoC questions, auto_route-specific setup, and generic app-bar controls.Key capabilities
- →Implement declarative routing with go_router
- →Configure deep links for Android and iOS
- →Define route paths using constants or code generation
- →Manage bottom navigation state with StatefulShellRoute
- →Validate navigation parameters in redirect logic
How it works
It utilizes go_router for declarative routing and provides patterns for deep link integration and state management. It enforces the use of constants over hardcoded strings to maintain navigation integrity.
Inputs & outputs
When to use flutter-navigation
- →Setting up go_router routes
- →Implementing deep links
- →Configuring navigation guards
- →Managing bottom navigation state
About this skill
Flutter Navigation
Priority: P1 (HIGH)
Implementation Workflow
- Choose router — Use
go_routerfor modern, declarative routing. - Define routes — Use constants or code generation for route paths; never hardcode strings.
- Configure deep links — Set up
AndroidManifest.xmland the iOS URL-type settings for app URL schemes. - Validate parameters — Check parameters in
redirectlogic before navigation. - Preserve tab state — Use
StatefulShellRouteorIndexedStackfor bottom navigation.
Route Configuration Example
See implementation examples for GoRouter configuration with parameter validation and redirects.
Anti-Patterns
- No Manual URL Parsing: Use
go_routerbuilt-in parsing instead ofUri.parse(url) - No Manual Tab State Management: Use
IndexedStackorStatefulShellRouteto preserve state - No Unvalidated Deep Link IDs: Always check existence in
redirect - No Hardcoded Route Strings: Use constants (e.g.,
Routes.orders) or code-gen instead of'/orders'
Related Topics
flutter-design-system | flutter-notifications | mobile-ux-core
Canonical response anchors
When this skill applies, preserve the following domain terminology or equivalent concrete examples in the answer when relevant:
- Android
- iOS URL-type
When not to use it
- →Transition-only animations
- →State-transfer or BLoC-specific questions
- →Generic app-bar controls
Limitations
- →No manual URL parsing allowed
- →No manual tab state management allowed
- →No unvalidated deep link IDs allowed
How it compares
This approach replaces manual URL parsing and manual tab state management with built-in framework utilities.
Compared to similar skills
flutter-navigation side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| flutter-navigation (this skill) | 0 | 13d | No flags | Intermediate |
| flutter-development | 1,555 | 4mo | No flags | Intermediate |
| flutter-expert | 73 | 3mo | No flags | Advanced |
| flutter | 13 | 3mo | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by HoangNguyen0403
View all by HoangNguyen0403 →You might also like
flutter-development
aj-geddes
Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.
flutter-expert
sickn33
Master Flutter development with Dart 3, advanced widgets, and multi-platform deployment. Handles state management, animations, testing, and performance optimization for mobile, web, desktop, and embedded platforms. Use PROACTIVELY for Flutter architecture, UI implementation, or cross-platform features.
flutter
alinaqi
Flutter development with Riverpod state management, Freezed, go_router, and mocktail testing
mobile-developer
sickn33
Develop React Native, Flutter, or native mobile apps with modern architecture patterns. Masters cross-platform development, native integrations, offline sync, and app store optimization. Use PROACTIVELY for mobile features, cross-platform code, or app optimization.
stac-quickstart
StacDev
Help initialize and validate a Stac-enabled Flutter project and ship a first server-driven screen. Use when users ask to set up Stac CLI, run stac init/build/deploy, verify project prerequisites, or troubleshoot first-run setup and missing configuration files.
webf-native-plugins
openwebf
Install WebF native plugins to access platform capabilities like sharing, payment, camera, geolocation, and more. Use when building features that require native device APIs beyond standard web APIs.