> flutter-navigation
Flutter navigation patterns including go_router, deep linking, and named routes. Use when implementing navigation, deep linking, or named routes in Flutter. (triggers: **/*_route.dart, **/*_router.dart, **/main.dart, Navigator, GoRouter, routes, deep link, go_router, AutoRoute)
curl "https://skillshub.wtf/HoangNguyen0403/agent-skills-standard/flutter-navigation?format=md"Flutter Navigation
Priority: P1 (OPERATIONAL)
Navigation and routing for Flutter apps using go_router or named routes.
Guidelines
- Package: Use
go_routerfor modern, declarative routing. - Deep Linking: Configure
AndroidManifest.xmlandInfo.plistfor URL schemes. - Validation: Validate parameters in
redirectlogic before navigation. - Stateful Tabs: Use
IndexedStackto preserve state in bottom navigation.
Anti-Patterns
- No Manual URL Parsing: Use
go_routerparsing, neverUri.parsemanually. - No Stateless Tabs:
Scaffoldbody switching loses state; useIndexedStack. - No Unvalidated Deep Links: Always check if IDs exist in
redirect. - No Hardcoded Routes: Use constants (e.g.,
Routes.home) or code generation.
Related Topics
flutter-design-system | flutter-notifications | mobile-ux-core
> related_skills --same-repo
> typescript-tooling
Development tools, linting, and build config for TypeScript. Use when configuring ESLint, Prettier, Jest, Vitest, tsconfig, or any TS build tooling. (triggers: tsconfig.json, .eslintrc.*, jest.config.*, package.json, eslint, prettier, jest, vitest, build, compile, lint)
> typescript-security
Secure coding practices for TypeScript. Use when validating input, handling auth tokens, sanitizing data, or managing secrets and sensitive configuration. (triggers: **/*.ts, **/*.tsx, validate, sanitize, xss, injection, auth, password, secret, token)
> typescript-language
Modern TypeScript standards for type safety and maintainability. Use when working with types, interfaces, generics, enums, unions, or tsconfig settings. (triggers: **/*.ts, **/*.tsx, tsconfig.json, type, interface, generic, enum, union, intersection, readonly, const, namespace)
> typescript-best-practices
Idiomatic TypeScript patterns for clean, maintainable code. Use when writing or refactoring TypeScript classes, functions, modules, or async logic. (triggers: **/*.ts, **/*.tsx, class, function, module, import, export, async, promise)