Flutter Retrofit Networking
HoangNguyen0403/agent-skills-standard
Build type-safe HTTP networking with Dio and Retrofit including auth interceptors in Flutter.
Best practices for navigation and routing in Flutter using GoRouter, covering hierarchical route trees, type-safe @TypedGoRoute definitions, named navigation, redirects, and deep linking setup.
$ npx skills add VeryGoodOpenSource/vgv-ai-flutter-plugin --skill navigation -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install VeryGoodOpenSource/vgv-ai-flutter-plugin navigation --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/VeryGoodOpenSource/vgv-ai-flutter-plugin.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/navigation .claude/skills/navigation && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "navigation" agent skill from https://github.com/VeryGoodOpenSource/vgv-ai-flutter-plugin/tree/main/skills/navigation into .claude/skills/navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/VeryGoodOpenSource/vgv-ai-flutter-plugin/tree/main/skills/navigationType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add VeryGoodOpenSource/vgv-ai-flutter-plugin --skill navigation -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install VeryGoodOpenSource/vgv-ai-flutter-plugin navigation --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/VeryGoodOpenSource/vgv-ai-flutter-plugin.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/navigation .agents/skills/navigation && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "navigation" agent skill from https://github.com/VeryGoodOpenSource/vgv-ai-flutter-plugin/tree/main/skills/navigation into .agents/skills/navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add VeryGoodOpenSource/vgv-ai-flutter-plugin --skill navigation -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install VeryGoodOpenSource/vgv-ai-flutter-plugin navigation --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/VeryGoodOpenSource/vgv-ai-flutter-plugin.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/navigation .cursor/skills/navigation && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "navigation" agent skill from https://github.com/VeryGoodOpenSource/vgv-ai-flutter-plugin/tree/main/skills/navigation into .cursor/skills/navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/VeryGoodOpenSource/vgv-ai-flutter-plugin.git --path skills/navigation--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add VeryGoodOpenSource/vgv-ai-flutter-plugin --skill navigation -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install VeryGoodOpenSource/vgv-ai-flutter-plugin navigation --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/VeryGoodOpenSource/vgv-ai-flutter-plugin.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/navigation .gemini/skills/navigation && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "navigation" agent skill from https://github.com/VeryGoodOpenSource/vgv-ai-flutter-plugin/tree/main/skills/navigation into .gemini/skills/navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install VeryGoodOpenSource/vgv-ai-flutter-plugin navigationInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add VeryGoodOpenSource/vgv-ai-flutter-plugin --skill navigation -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/VeryGoodOpenSource/vgv-ai-flutter-plugin.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/navigation .github/skills/navigation && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "navigation" agent skill from https://github.com/VeryGoodOpenSource/vgv-ai-flutter-plugin/tree/main/skills/navigation into .github/skills/navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add VeryGoodOpenSource/vgv-ai-flutter-plugin --skill navigation -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install VeryGoodOpenSource/vgv-ai-flutter-plugin navigation --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/VeryGoodOpenSource/vgv-ai-flutter-plugin.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/navigation .opencode/skills/navigation && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "navigation" agent skill from https://github.com/VeryGoodOpenSource/vgv-ai-flutter-plugin/tree/main/skills/navigation into .opencode/skills/navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
navigationBest practices for navigation and routing in Flutter using GoRouter, covering hierarchical route trees, type-safe @TypedGoRoute definitions, named navigation, redirects, and deep linking setup.
Navigation is an agent skill from VeryGoodOpenSource/vgv-ai-flutter-plugin. Best practices for navigation and routing in Flutter using GoRouter, covering hierarchical route trees, type-safe @TypedGoRoute definitions, named navigation, redirects, and deep linking setup. Use when creating, modifying, or reviewing routes, deep links, redirects, or navigation logic that uses package:gorouter or package:gorouterbuilder, including widget tests that mock GoRouter or provide it through InheritedGoRouter. Also use for call-site navigation, however small: an onTap, button, or tap handler that…
Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 7 other files, including reference files (for example `agents/openai.yaml`, `references/parameters.md` and `references/redirects.md`).
It sits in Mobile, covering Cross-platform mobile apps and Type safety. It works with Flutter. The repository describes itself as: AI plugin to enhance and accelerate Flutter & Dart development, built by Very Good Ventures. The licence is MIT.
5 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 496a3c6. It shows what the files ask for, not the result of running them.
Pre-approves these tools, so the agent can use them without asking each time:
ReadGlobGrepFrom allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
dartFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Navigation loads about 1.6k tokens when it runs, and up to ~3k if it reads all its reference files. Until then it costs about 227 tokens; SKILL.md has 587 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from VeryGoodOpenSource/vgv-ai-flutter-plugin at commit 496a3c6, republished under its MIT licence (© VeryGoodOpenSource). 587 words, ~1,592 tokens.
.claude/skills/navigation/SKILL.md (or your agent's skills folder). This skill also uses 5 other files; get the full folder from GitHub.Routing and navigation best practices for Flutter applications using GoRouter, the Flutter team's recommended routing package built on the Navigator 2.0 API.
Apply these standards to all navigation work:
package:go_router for all navigation — never raw Navigator 2.0 or Navigator 1.0 push/pop@TypedGoRoute annotations for type-safe routes — never raw string paths in route definitionsgo() over push() — use push() only when expecting return data from the destinationextra parameter — it breaks deep linking and does not work on the webBuildContext extensions for navigation — prefer context.goNamed() over GoRouter.of(context).goNamed()Structure routes hierarchically with logical parent-child relationships. Sub-routes ensure the app bar back button displays correctly and URLs remain clean.
/flutter
/flutter/news
/flutter/chat
/flutter/articles
/flutter/articles?category=all
/flutter/article/:id
/android
/android/news
/android/chat/flutter-news
/flutter-chat
/android-news
/android-chatHierarchical sub-routes produce proper backward navigation automatically — when a user is on /flutter/news, the back button navigates to /flutter.
Every route is a GoRouteData class carrying a @TypedGoRoute annotation — never a raw
string path. Sub-routes nest inside the parent's routes: list so the hierarchy above is
expressed in the type system, and package:go_router_builder generates the navigation
helpers.
See references/typed-routes.md for basic routes, nested sub-routes, and shell routes.
go() vs push()| Method | URL Updates | Back Button | Use Case |
|---|---|---|---|
go() | Yes | App bar | Standard navigation between screens |
push() | No | System | When expecting return data from popped route |
go() (Default)const CategoriesPageRoute(size: 'small', color: 'blue').go(context);Using go() ensures the back button in the app's AppBar displays when the current route has a parent to navigate back to.
push() (Return Data Only)final result = await DialogPageRoute().push<String>(context);Use push() only when a route must return data (e.g., a dialog collecting user input). On the web, push() does not update the address bar.
Always use extension methods for cleaner syntax:
// Preferred
context.goNamed('flutterNews');
// Avoid
GoRouter.of(context).goNamed('flutterNews');Use path parameters (:id) for resource identification and query parameters (?category=all) for optional filtering. Never use extra — it breaks deep linking and does not work on the web.
See references/parameters.md for full examples of path parameters, query parameters, and why extra is prohibited.
Redirects can be applied at the root router level (e.g., authentication guards) and at individual route levels (e.g., authorization guards). Parent redirects execute before child redirects.
See references/redirects.md for root-level and route-level redirect examples.
Mock GoRouter with package:mocktail and wrap widgets in InheritedGoRouter for widget tests. Test redirects by constructing a GoRouter with the target redirect logic and asserting the resulting page.
See references/testing.md for mocking GoRouter and testing redirect examples.
GoRouteData class with @TypedGoRoute annotationdart run build_runner build --delete-conflicting-outputs to regenerate route helpersextraextra is prohibitedGoRouter and testing redirects© VeryGoodOpenSource, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 5 other files (references) in skills/navigation of VeryGoodOpenSource/vgv-ai-flutter-plugin.
Open the folder on GitHubat commit 496a3c6
Navigation next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Navigation this skillVeryGoodOpenSource/vgv-ai-flutter-plugin | 169 | — | ~1.6k | Automated safety check: Pass | MIT | |
| Flutter Retrofit NetworkingHoangNguyen0403/agent-skills-standard | 571 | — | ~561 | Automated safety check: Pass | MIT | |
| Dart DriftMADTeacher/mad-agents-skills | 110 | — | ~1.2k | Automated safety check: Pass | MIT | |
| Add Flutter Docusaurus Localematthiasn/lotti | 1.2k | — | ~1.2k | Automated safety check: Pass | GPL-3.0 | |
| Tm Launcher DesignFar-Se/tabame | 372 | — | ~3.1k | Automated safety check: Pass | MIT | |
| Mobile App UI Designceorkm/mobile-app-ui-design | 400 | — | ~2k | Automated safety check: Pass | None |
HoangNguyen0403/agent-skills-standard
Build type-safe HTTP networking with Dio and Retrofit including auth interceptors in Flutter.
MADTeacher/mad-agents-skills
Build, fix, audit, and migrate Drift persistence in Dart CLI, server-side, and non-Flutter desktop apps.
matthiasn/lotti
Add, complete, or audit a locale across a Flutter application's ARB catalogs and a localized Docusaurus manual, including generated localization code, locale selectors, native platform declarations…
Far-Se/tabame
Create or revise Tabame's Flutter launcher designs: frames, search bars, result rows, palettes, typography, and action dialogs.
ceorkm/mobile-app-ui-design
Design high-quality mobile app UI/UX screens, flows, and components.
leancodepl/marionette_mcp
Set up and drive a running Flutter app (debug or profile) with Marionette — an AI agent's hands and eyes for the app.
VeryGoodOpenSource/vgv-ai-flutter-plugin
Audits or remediates Flutter widgets against WCAG 2.2 conformance levels A, AA, or AAA across iOS, Android, Web, macOS, Windows, and Linux, covering Semantics labels and screen reader output under…
VeryGoodOpenSource/vgv-ai-flutter-plugin
Best practices for Flutter animations using the built-in animation framework, covering implicit animations, explicit AnimationController animations, page transitions, and Material 3 motion tokens.
VeryGoodOpenSource/vgv-ai-flutter-plugin
Best practices for Bloc state management in Flutter/Dart, covering Cubit versus Bloc, event and state naming, sealed classes with Equatable, the Page/View split with BlocProvider, BlocBuilder…
VeryGoodOpenSource/vgv-ai-flutter-plugin
VGV-specific reference for bumping Dart and Flutter SDK constraints across packages, covering pubspec.yaml environment constraints, CI workflow Flutter versions, and SDK upgrade PR preparation.
VeryGoodOpenSource/vgv-ai-flutter-plugin
Best practices for internationalization (i18n) and localization (l10n) in Flutter, using the built-in flutterlocalizations and intl setup with ARB files as the single source of truth.
VeryGoodOpenSource/vgv-ai-flutter-plugin
VGV layered monorepo architecture in Flutter: four layers Data, Repository, Business Logic, and Presentation, unidirectional dependency rules, and model transformation across layers.
Works with
Categories
Best practices for navigation and routing in Flutter using GoRouter, covering hierarchical route trees, type-safe @TypedGoRoute definitions, named navigation, redirects, and deep linking setup. Navigation is an agent skill from VeryGoodOpenSource/vgv-ai-flutter-plugin. Best practices for navigation and routing in Flutter using GoRouter, covering hierarchical route trees, type-safe @TypedGoRoute definitions, named navigation, redirects, and deep linking setup.
Navigation fits situations like: reviewing routes; navigation logic that uses package:gorouter; package:gorouterbuilder; including widget tests that mock GoRouter.
Run `npx skills add VeryGoodOpenSource/vgv-ai-flutter-plugin --skill navigation -a claude-code`. Or copy the skill folder (skills/navigation in VeryGoodOpenSource/vgv-ai-flutter-plugin) into .claude/skills/navigation in your project. Claude Code loads it when a task matches its description.
Run `npx skills add VeryGoodOpenSource/vgv-ai-flutter-plugin --skill navigation -a codex`. Or copy the skill folder (skills/navigation in VeryGoodOpenSource/vgv-ai-flutter-plugin) into .agents/skills/navigation in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add VeryGoodOpenSource/vgv-ai-flutter-plugin --skill navigation -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/navigation, .gemini/skills/navigation, .github/skills/navigation and .opencode/skills/navigation in your project.
Going by SKILL.md and its folder, Navigation needs the command-line tools its instructions call (dart). Its frontmatter pre-approves these tools: Read, Glob, Grep.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Navigation is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.6k tokens (SKILL.md is roughly 6.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.4k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Navigation: Flutter Retrofit Networking (HoangNguyen0403/agent-skills-standard, 571 stars), Dart Drift (MADTeacher/mad-agents-skills, 110 stars), Add Flutter Docusaurus Locale (matthiasn/lotti, 1.2k stars) and Tm Launcher Design (Far-Se/tabame, 372 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
VeryGoodOpenSource (a GitHub organization) maintains it in VeryGoodOpenSource/vgv-ai-flutter-plugin, which has 169 GitHub stars. The repository holds 15 skills in this directory. The repository was last updated on October 6, 2026.
Source: VeryGoodOpenSource/vgv-ai-flutter-plugin on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.