Developing Mobile Apps
telagod/code-abyss
Mobile development knowledge reference covering iOS (SwiftUI), Android (Jetpack Compose), React Native, and Flutter.
Implement, fix, refactor, review, migrate, or validate Flutter navigation and routing.
$ npx skills add MADTeacher/mad-agents-skills --skill flutter-navigation -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install MADTeacher/mad-agents-skills flutter-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/MADTeacher/mad-agents-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/flutter-navigation .claude/skills/flutter-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 "flutter-navigation" agent skill from https://github.com/MADTeacher/mad-agents-skills/tree/main/flutter-navigation into .claude/skills/flutter-navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flutter-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/MADTeacher/mad-agents-skills/tree/main/flutter-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 MADTeacher/mad-agents-skills --skill flutter-navigation -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install MADTeacher/mad-agents-skills flutter-navigation --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/MADTeacher/mad-agents-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/flutter-navigation .agents/skills/flutter-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 "flutter-navigation" agent skill from https://github.com/MADTeacher/mad-agents-skills/tree/main/flutter-navigation into .agents/skills/flutter-navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flutter-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 MADTeacher/mad-agents-skills --skill flutter-navigation -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install MADTeacher/mad-agents-skills flutter-navigation --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/MADTeacher/mad-agents-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/flutter-navigation .cursor/skills/flutter-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 "flutter-navigation" agent skill from https://github.com/MADTeacher/mad-agents-skills/tree/main/flutter-navigation into .cursor/skills/flutter-navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flutter-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/MADTeacher/mad-agents-skills.git --path flutter-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 MADTeacher/mad-agents-skills --skill flutter-navigation -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install MADTeacher/mad-agents-skills flutter-navigation --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/MADTeacher/mad-agents-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/flutter-navigation .gemini/skills/flutter-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 "flutter-navigation" agent skill from https://github.com/MADTeacher/mad-agents-skills/tree/main/flutter-navigation into .gemini/skills/flutter-navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flutter-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 MADTeacher/mad-agents-skills flutter-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 MADTeacher/mad-agents-skills --skill flutter-navigation -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/MADTeacher/mad-agents-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/flutter-navigation .github/skills/flutter-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 "flutter-navigation" agent skill from https://github.com/MADTeacher/mad-agents-skills/tree/main/flutter-navigation into .github/skills/flutter-navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flutter-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 MADTeacher/mad-agents-skills --skill flutter-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 MADTeacher/mad-agents-skills flutter-navigation --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/MADTeacher/mad-agents-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/flutter-navigation .opencode/skills/flutter-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 "flutter-navigation" agent skill from https://github.com/MADTeacher/mad-agents-skills/tree/main/flutter-navigation into .opencode/skills/flutter-navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "flutter-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.
flutter-navigationImplement, fix, refactor, review, migrate, or validate Flutter navigation and routing.
Flutter Navigation is an agent skill from MADTeacher/mad-agents-skills. Implement, fix, refactor, review, migrate, or validate Flutter navigation and routing. Use when working with Navigator, MaterialPageRoute, Router API, gorouter, route guards, redirects, ShellRoute or StatefulShellRoute, nested Navigators, passing and returning route data, deep links, Android App Links, iOS Universal Links, custom URI schemes, Flutter web URL strategy, browser history, 404 routing, route tests, or navigation-state bugs.
Its SKILL.md is about 2.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 10 other files, including reference files and assets (for example `references/deep-linking.md`, `references/go_router-guide.md` and `references/navigation-patterns.md`).
It sits in Mobile, covering Cross-platform mobile apps and Android development. It works with Flutter, Android and iOS. The repository describes itself as: Collection of agent skills for AI assistants working with Dart and Flutter projects. The licence is MIT.
7 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 2fb67e3. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Ships script files (Dart), which the agent can run.
Shell commands in SKILL.md call:
flutterdartxcrunFrom 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.
Flutter Navigation loads about 2.1k tokens when it runs, and up to ~7k if it reads all its reference files. Until then it costs about 115 tokens; SKILL.md has 1,014 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 MADTeacher/mad-agents-skills at commit 2fb67e3, republished under its MIT licence (© MADTeacher). 1,014 words, ~2,125 tokens.
.claude/skills/flutter-navigation/SKILL.md (or your agent's skills folder). This skill also uses 8 other files; get the full folder from GitHub.You are a Flutter navigation implementation agent. Your job is to make route state, browser/deep-link behavior, and screen transitions fit the target app without breaking existing state, auth flows, or platform expectations.
Navigation is user state. Do not replace an app's routing model or add deep-link
claims before inspecting the current MaterialApp, Router, Navigator,
state-management, auth, supported platforms, and tests. After changing
navigation, verify analyzer-clean Dart and the route behaviors affected by the
change.
pubspec.yaml,
lib/, app root, existing route definitions, navigation calls, auth/state
providers, platform folders, web hosting config, and relevant tests.Navigator with MaterialPageRoute for local, non-addressable flows
in simple apps.go_router for deep links, web URLs, browser history, auth redirects,
nested navigation, multiple Navigators, or scalable route tables.MaterialApp.routes named routes unless preserving a
small existing app that already uses them and does not need custom deep-link
behavior.extra only for non-addressable in-memory data.| Need | Default approach |
|---|---|
| Push one detail screen and return | Navigator.push<T> with MaterialPageRoute<T> |
| Share/bookmark/browser route | go_router with URL-based locations |
| Required resource identity | Path parameter, for example /users/:userId |
| Optional filters, tabs, or search state | Query parameters via Uri(...).toString() |
| Auth gate or onboarding gate | go_router redirect or onEnter, tied to app auth state |
| Persistent navigation chrome | ShellRoute; use StatefulShellRoute when branches need independent stacks |
| Web path URLs | usePathUrlStrategy() plus SPA server rewrite to index.html |
| Native verified web links | Android App Links or iOS Universal Links plus hosted association files |
| Custom app-only URI | Custom scheme, with explicit security and fallback tradeoffs |
Read only the resources needed for the current task:
| Task | Read/use | Purpose |
|---|---|---|
| Choosing Navigator vs go_router or reviewing route tradeoffs | navigation-patterns.md | Approach comparison, data passing, and browser/deep-link limitations |
| Implementing or fixing go_router route tables, redirects, shells, errors, named routes, or route data | go_router-guide.md | Current go_router APIs and common pitfalls |
| Configuring Android App Links, iOS Universal Links, custom schemes, or deep-link tests | deep-linking.md | Platform setup, association files, Flutter handler notes, and test commands |
| Fixing Flutter web URLs, browser history, SPA rewrites, or non-root hosting | web-navigation.md | URL strategies, server rewrites, and web-specific validation |
| Need a minimal Navigator starter | navigator_basic.dart | Copy only after adapting class names and app shell |
| Need a minimal go_router starter | go_router_basic.dart | Copy only after adding the dependency and adapting routes |
| Need local data passing with Navigator | passing_data.dart | Copy only after replacing demo model and screen names |
| Need returned data with Navigator | returning_data.dart | Copy only after handling null/cancelled results appropriately |
Do not read every reference by default. Treat references as routed detail and assets as starter examples, not production modules.
go_router,
prefer context.go, context.push, context.goNamed, or context.pushNamed
for main app routes. Use imperative Navigator only for local overlays or
flows that are intentionally not deep-linkable.Uri(path: ..., queryParameters: ...).toString()
or go_router named-route APIs. Do not pass a queryParameters argument to
context.push or context.go.state.uri.queryParameters and path parameters
from state.pathParameters.extra for data that must survive refresh, browser restore,
sharing, or a native deep link. If complex extra is required on web,
configure a codec or accept that data can be dropped.ios/Runner/Runner.entitlements, not as an Info.plist route table.web/index.html base href and server rewrites
when hosting below a non-root path. Do not encode the hosting prefix into every
GoRoute.path unless the target app already uses that convention.After changing a Flutter project:
dart format on edited Dart files.flutter analyze for the project or closest package.flutter test suites when route parsing, redirects, shell/tab
state, returned results, or navigation UI changed.adb, xcrun simctl, or
Flutter DevTools Deep Links validation when the platform and device are
available.dart format --output=none --set-exit-if-changed and flutter analyze.If validation cannot run, report the command, blocker, and the route behavior that remains unverified. Do not present navigation, browser-history, or deep-link behavior as verified from static reading alone.
If the target project is unavailable, provide a route plan or patch sketch based only on the user's supplied files and state the missing verification. If the app already has an inconsistent routing model, make the smallest reversible fix first, then propose a staged migration rather than replacing routing wholesale.
© MADTeacher, 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 8 other files (references, assets) in flutter-navigation of MADTeacher/mad-agents-skills.
Open the folder on GitHubat commit 2fb67e3
Flutter 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 |
|---|---|---|---|---|---|---|
| Flutter Navigation this skillMADTeacher/mad-agents-skills | 110 | — | ~2.1k | Automated safety check: Pass | MIT | |
| Developing Mobile Appstelagod/code-abyss | 244 | — | ~258 | Automated safety check: Pass | MIT | |
| Senior Mobileborghei/Claude-Skills | 874 | — | ~1.9k | Automated safety check: Pass | MIT | |
| Compose Multiplatformericrisco/rsc-harness | 156 | — | ~2.7k | Automated safety check: Pass | MIT | |
| Android Designhashgraph-online/awesome-codex-plugins | 1.2k | — | ~2.5k | Automated safety check: Pass | Apache-2.0 | |
| Cometchatcometchat/cometchat-skills | 129 | — | ~2.9k | Automated safety check: Pass | MIT |
telagod/code-abyss
Mobile development knowledge reference covering iOS (SwiftUI), Android (Jetpack Compose), React Native, and Flutter.
borghei/Claude-Skills
A skill your agent uses when the user asks to "build a mobile app", "scaffold React Native project", "create SwiftUI views", "set up Jetpack Compose", "optimize mobile performance", "configure Expo…
ericrisco/rsc-harness
A skill your agent uses when building one shared Compose UI in Kotlin across Android, iOS, and desktop — commonMain @Composables, expect/actual, source-set placement, native interop, multiplatform…
hashgraph-online/awesome-codex-plugins
A skill your agent uses when the user asks for an Android app, Compose UI, Material 3, Material You, Material 3 Expressive, Pixel-style app, foldable/adaptive layout, Play Store deliverable, React…
cometchat/cometchat-skills
Entry point for any CometChat task on any platform. An agent skill from cometchat/cometchat-skills.
forcedotcom/sf-skills
The entry point for building any Salesforce native mobile app on iOS or Android.
MADTeacher/mad-agents-skills
Add, fix, audit, and maintain Flutter internationalization with gen-l10n, ARB files, AppLocalizations, flutterlocalizations, intl formatting, plural/select messages, RTL support, locale-specific…
MADTeacher/mad-agents-skills
Implement, fix, debug, review, or refactor Flutter networking code for HTTP/REST APIs, WebSocket realtime flows, authentication and token refresh, request headers, timeouts, retries, JSON parsing…
MADTeacher/mad-agents-skills
Create, generate, update, repair, trim, or split minimal AGENTS.md files for repository roots and confirmed nested modules using progressive disclosure.
MADTeacher/mad-agents-skills
Build, fix, audit, and migrate Drift persistence in Dart CLI, server-side, and non-Flutter desktop apps.
MADTeacher/mad-agents-skills
Integrate, fix, review, migrate, test, or debug Duit / flutterduit backend-driven UI in Flutter applications.
MADTeacher/mad-agents-skills
Write, fix, review, debug, and validate Flutter tests for apps, packages, and plugins.
Categories
Implement, fix, refactor, review, migrate, or validate Flutter navigation and routing. Flutter Navigation is an agent skill from MADTeacher/mad-agents-skills. Implement, fix, refactor, review, migrate, or validate Flutter navigation and routing.
Flutter Navigation fits situations like: working with Navigator; materialPageRoute; statefulShellRoute; nested Navigators.
Run `npx skills add MADTeacher/mad-agents-skills --skill flutter-navigation -a claude-code`. Or copy the skill folder (flutter-navigation in MADTeacher/mad-agents-skills) into .claude/skills/flutter-navigation in your project. Claude Code loads it when a task matches its description.
Run `npx skills add MADTeacher/mad-agents-skills --skill flutter-navigation -a codex`. Or copy the skill folder (flutter-navigation in MADTeacher/mad-agents-skills) into .agents/skills/flutter-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 MADTeacher/mad-agents-skills --skill flutter-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/flutter-navigation, .gemini/skills/flutter-navigation, .github/skills/flutter-navigation and .opencode/skills/flutter-navigation in your project.
Going by SKILL.md and its folder, Flutter Navigation needs Dart for the scripts in its folder and the command-line tools its instructions call (flutter, dart and xcrun).
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.
Flutter 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 2.1k tokens (SKILL.md is roughly 8.5k 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 4.8k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Flutter Navigation: Developing Mobile Apps (telagod/code-abyss, 244 stars), Senior Mobile (borghei/Claude-Skills, 874 stars), Compose Multiplatform (ericrisco/rsc-harness, 156 stars) and Android Design (hashgraph-online/awesome-codex-plugins, 1.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
MADTeacher (a GitHub user) maintains it in MADTeacher/mad-agents-skills, which has 110 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on May 1, 2026.
Source: MADTeacher/mad-agents-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.