skills.rest
pluginagentmarketplace
pluginagentmarketplaceCOMMUNITY
Explore all skills by this author →
GitHub

custom-plugin-flutter-skill-navigation

Implement Flutter navigation with GoRouter and Navigator 2.0 patterns.

11|5|Updated Nov 18, 2025
One-click install
npx skills add https://github.com/pluginagentmarketplace/custom-plugin-flutter --skill custom-plugin-flutter-skill-navigation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: custom-plugin-flutter-skill-navigation
Source: https://github.com/pluginagentmarketplace/custom-plugin-flutter/tree/main/skills/navigation
Command: npx skills add https://github.com/pluginagentmarketplace/custom-plugin-flutter --skill custom-plugin-flutter-skill-navigation

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires yaml, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the complexity of implementing robust Flutter navigation, making it easy to manage declarative routing, nested navigation, and deep linking across mobile and web.

Core Features & Use Cases

  • GoRouter integration: Implement advanced routing with nested routes and shell routes.
  • Navigator 2.0 support: Use declarative navigation to reflect app state and deep link paths.
  • Route guards & auth flows: Protect pages and redirect users based on auth state.
  • Deep linking & web URLs: Handle external links and URL-based navigation consistently.
  • Use Case: Build an admin dashboard with protected routes and a shared navigation shell.

Quick Start

Initialize a Flutter project, set up a GoRouter-based router, and test navigating to '/home', '/dashboard' and '/settings' with deep links such as '/product/123'.

Frequently Asked Questions about custom-plugin-flutter-skill-navigation

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

FAQPage Schema
How do I implement declarative routing and nested navigation in Flutter?▼

Deep linking in Flutter maps external URLs to specific app screens using declarative routing. This Skill provides patterns to handle deep link paths like '/product/123' consistently across mobile and web platforms using GoRouter.

How do I set up route guards and auth flows in Flutter GoRouter?▼

Route guards in Flutter redirect users based on auth state before accessing protected pages. This Skill provides GoRouter patterns to implement authentication flows, securing pages like an admin dashboard by redirecting unauthorized users.

Can I use Flutter Navigator 2.0 for deep linking on both mobile and web?▼

Yes, Flutter Navigator 2.0 supports deep linking across mobile and web. This Skill provides declarative navigation examples to handle external links and map URL paths directly to app state consistently.

What is the best way to structure a shared navigation shell with nested routes in Flutter?▼

Using GoRouter shell routes is the best way to structure a shared navigation shell with nested routes in Flutter. This Skill provides examples to build architectures like an admin dashboard with a shared shell and protected nested routes.

Related Skills

wildbitcawildbitca
1

flutter-go-router-navigation

Implement type-safe Flutter navigation with GoRouter and typed routes.

Official
Advanced
tinkermonkeytinkermonkey

LAYER_10_NAVIGATION

Model navigation layers with routes, guards, flows, and transitions in YAML.

Community
Intermediate
code-sinobicode-sinobi

go-router-navigation

Define go_router navigation patterns with auth guards in Flutter apps.

Community
Intermediate
Im5tuIm5tu
6

flutter-navigation

Implement imperative and declarative navigation patterns in Flutter apps.

Community
Advanced