Agent skill

Fkit Nav

by Joker-x-dev in Joker-x-dev/FlutterKit

配置和维护 FlutterKit 模块化导航,覆盖 Routes、Pages、Navigator、Binding、Params、Result、Guard 与跨模块跳转。用户要求新增路由、页面跳转、传参、结果回传、登录拦截或修复导航状态时使用。

MITAuto-check passedMobile

Install Fkit Nav

skills CLI
$ npx skills add Joker-x-dev/FlutterKit --skill fkit-nav -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install Joker-x-dev/FlutterKit fkit-nav --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/Joker-x-dev/FlutterKit.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/fkit-nav .claude/skills/fkit-nav && rm -rf skills-src

Use ~/.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/

Facts

Skill name
fkit-nav
GitHub stars
127
Token cost
~222 tokens
SKILL.md length
60 words
Files
2
Skills in repo
9
Repo updated
First seen
Licence
MIT

At a glance

配置和维护 FlutterKit 模块化导航,覆盖 Routes、Pages、Navigator、Binding、Params、Result、Guard 与跨模块跳转。用户要求新增路由、页面跳转、传参、结果回传、登录拦截或修复导航状态时使用。

  • Works in 6 steps: 检查目标模块现有 Routes、Pages、Navigator、Binding… → 将路由常量、GetPage 配置和对外 Navigator… → 将参数和返回值建模为明确的 Params/Result 类型,在 Logic… → …
  • Tasks that involve Cross-platform mobile apps
  • SKILL.md covers 必读资料, 工作流 and 验证
  • Calls git

What it does

Fkit Nav is an agent skill from Joker-x-dev/FlutterKit. 配置和维护 FlutterKit 模块化导航,覆盖 Routes、Pages、Navigator、Binding、Params、Result、Guard 与跨模块跳转。用户要求新增路由、页面跳转、传参、结果回传、登录拦截或修复导航状态时使用。

Its SKILL.md is about 220 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).

It sits in Mobile, covering Cross-platform mobile apps. It works with Flutter. The repository describes itself as: 基于 GetX + TDesign 的 Flutter 项目模板,整合常用功能和开发实践. The licence is MIT.

When your agent uses it

  • Tasks that involve Cross-platform mobile apps

Example prompts

  • “/fkit-nav”

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. 检查目标模块现有 Routes、Pages、Navigator、Binding 和测试,保持命名与注册方式一致。
  2. 将路由常量、GetPage 配置和对外 Navigator 分离,统一汇总到应用路由入口。
  3. 将参数和返回值建模为明确的 Params/Result 类型,在 Logic 入口尽早转换,避免页面散落 dynamic Map。
  4. 跨 Feature 跳转调用目标模块 Navigator,不直接 import 目标模块 View、Logic 或 State。
  5. Guard 只负责路由决策,认证状态读取统一 Service,不在 Guard 重复恢复或写入用户状态。
  6. 横竖屏或响应式布局切换时保持当前导航索引和页面实例一致,不在 build 中重建页面状态。

What it can do on your machine

Read from SKILL.md and the folder at commit ad83439. It shows what the files ask for, not the result of running them.

  • Tool permissions

    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.

  • Runs code

    Shell commands in SKILL.md call:

    • git

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Fkit Nav loads about 222 tokens when it runs. Until then it costs about 33 tokens; SKILL.md has 60 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~33
When it runs · the whole SKILL.md, loaded when a task matches
~222

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.

Safety

Auto-check passed

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.

SKILL.md

The full file from Joker-x-dev/FlutterKit at commit ad83439, republished under its MIT licence (© Joker-x-dev). 60 words, ~222 tokens.

Download SKILL.mdSave it as .claude/skills/fkit-nav/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
fkit-nav
description
配置和维护 FlutterKit 模块化导航,覆盖 Routes、Pages、Navigator、Binding、Params、Result、Guard 与跨模块跳转。用户要求新增路由、页面跳转、传参、结果回传、登录拦截或修复导航状态时使用。

FKit Navigation

必读资料

先阅读 AGENTS.md 和以下导航专题:

  • docs/flutter-kit/导航/index.md
  • docs/flutter-kit/导航/router.md
  • docs/flutter-kit/导航/flow.md
  • docs/flutter-kit/导航/guard.md
  • docs/flutter-kit/导航/result.md
  • docs/flutter-kit/业务功能/binding.md

工作流

  1. 检查目标模块现有 Routes、Pages、Navigator、Binding 和测试,保持命名与注册方式一致。
  2. 将路由常量、GetPage 配置和对外 Navigator 分离,统一汇总到应用路由入口。
  3. 将参数和返回值建模为明确的 Params/Result 类型,在 Logic 入口尽早转换,避免页面散落 dynamic Map。
  4. 跨 Feature 跳转调用目标模块 Navigator,不直接 import 目标模块 View、Logic 或 State。
  5. Guard 只负责路由决策,认证状态读取统一 Service,不在 Guard 重复恢复或写入用户状态。
  6. 横竖屏或响应式布局切换时保持当前导航索引和页面实例一致,不在 build 中重建页面状态。

验证

检查路由名称唯一、Binding 正确注册、参数和 Result 类型安全、Guard 登录与未登录分支。运行导航、Guard 和受影响页面测试,再执行静态分析与 git diff --check。

© Joker-x-dev, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file in .agents/skills/fkit-nav of Joker-x-dev/FlutterKit.

  • SKILL.md
  • agents/openai.yaml

Open the folder on GitHubat commit ad83439

Compare with similar skills

Fkit Nav 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.

Fkit Nav compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Fkit Nav this skillJoker-x-dev/FlutterKit127—~222Automated safety check: PassMIT
Add Flutter Docusaurus Localematthiasn/lotti1.2k—~1.2kAutomated safety check: PassGPL-3.0
Tm Launcher DesignFar-Se/tabame372—~3.1kAutomated safety check: PassMIT
Mobile App UI Designceorkm/mobile-app-ui-design400—~2kAutomated safety check: PassNone
Marionette Flutter Drive Appleancodepl/marionette_mcp473—~11kAutomated safety check: PassApache-2.0
Flutter ScreenshotJustLookAtNow/pt_mate503—~511Automated safety check: PassMIT

Similar skills

  • 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…

    1.2k GitHub stars~1.2k tokensUpdated yesterday
    MobileAuto-check passed
  • Tm Launcher Design

    Far-Se/tabame

    Create or revise Tabame's Flutter launcher designs: frames, search bars, result rows, palettes, typography, and action dialogs.

    372 GitHub stars~3.1k tokensUpdated yesterday
    MobileAuto-check passed
  • Mobile App UI Design

    ceorkm/mobile-app-ui-design

    Design high-quality mobile app UI/UX screens, flows, and components.

    400 GitHub stars~2k tokensUpdated 3 mo ago
    MobileAuto-check passed
  • Marionette Flutter Drive App

    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.

    473 GitHub stars~11k tokensUpdated 3 days ago
    MobileAuto-check passed
  • Flutter Screenshot

    JustLookAtNow/pt_mate

    Capture and show two Flutter UI screenshots for this project: one landscape/large-screen preview and one portrait/mobile preview, without using Flutter Web.

    503 GitHub stars~511 tokensUpdated 3 days ago
    MobileAuto-check passed
  • Flutter Init

    bear2u/my-skills

    A skill your agent uses when user wants to create a new Flutter project (Todo/Habit/Note/Expense/Custom domain) with Clean Architecture, Riverpod 3.0, Drift, and modern Flutter stack

    933 GitHub stars~2.5k tokensUpdated 3 mo ago
    MobileAuto-check passed

More from Joker-x-dev/FlutterKit

All 9 skills in this repo
  • Fkit Setup

    Joker-x-dev/FlutterKit

    将 FlutterKit 脚手架初始化为新的应用项目,统一修改应用显示名称、Dart 包名、Android Application ID、Apple Bundle ID、Linux/Windows 标识、Web 名称、运行时品牌文案、Logo、桌面图标和启动页。用户拉取模板后要求改名、改包名、替换品牌资源或完成首次项目配置时使用。

    127 GitHub stars~720 tokensUpdated 2 mo ago
    Auto-check passed
  • Fkit Audit

    Joker-x-dev/FlutterKit

    审查 FlutterKit 项目或指定模块的架构边界、命名、注释、TDesign 与设计系统使用、预览、测试、生成文件和多端配置。用户要求全盘扫描、代码审查、架构检查、注释检查、预览完整性检查或质量报告时使用。

    127 GitHub stars~241 tokensUpdated 2 mo ago
    Auto-check passed
  • Fkit Data

    Joker-x-dev/FlutterKit

    实现和维护 FlutterKit 数据访问链路,覆盖实体、请求、响应、Repository、网络、数据库、本地存储、RequestHelper、分页与全局 Service。用户要求接入接口、持久化数据、创建模型、处理请求结果或实现网络列表时使用。

    127 GitHub stars~366 tokensUpdated 2 mo ago
    Auto-check passed
  • Fkit Feature

    Joker-x-dev/FlutterKit

    创建、修改和重构 FlutterKit 业务模块与页面,覆盖基础父类选择、View、Logic、State、Binding、按需目录、国际化、路由接入和预览。用户要求新增 Feature、页面、模块目录、页面模板或调整页面分层时使用。

    127 GitHub stars~334 tokensUpdated 2 mo ago
    Auto-check passed
  • Fkit Native

    Joker-x-dev/FlutterKit

    管理 FlutterKit 多端运行时资源、应用图标、原生启动页、Android/iOS/Web/桌面端配置和发布构建。用户要求生成图标、启动页、FlutterGen 资源、同步原生底座、排查原生缓存或执行多端打包时使用。

    127 GitHub stars~285 tokensUpdated 2 mo ago
    Auto-check passed
  • Fkit Preview

    Joker-x-dev/FlutterKit

    为 FlutterKit 页面和组件新增、修复或审查 Widget Preview,覆盖响应式设备注解、Logic 注入、静态 Preview Data、网络状态和深浅色检查。用户提到预览、Widget Preview、页面预览、组件预览或全量补预览时使用。

    127 GitHub stars~242 tokensUpdated 2 mo ago
    Auto-check passed

Works with

Categories

Questions about Fkit Nav

What does Fkit Nav do?

配置和维护 FlutterKit 模块化导航,覆盖 Routes、Pages、Navigator、Binding、Params、Result、Guard 与跨模块跳转。用户要求新增路由、页面跳转、传参、结果回传、登录拦截或修复导航状态时使用。. Fkit Nav is an agent skill from Joker-x-dev/FlutterKit.

When should I use Fkit Nav?

Fkit Nav fits situations like: tasks that involve Cross-platform mobile apps.

How do I install Fkit Nav in Claude Code?

Run `npx skills add Joker-x-dev/FlutterKit --skill fkit-nav -a claude-code`. Or copy the skill folder (.agents/skills/fkit-nav in Joker-x-dev/FlutterKit) into .claude/skills/fkit-nav in your project. Claude Code loads it when a task matches its description.

How do I install Fkit Nav in Codex?

Run `npx skills add Joker-x-dev/FlutterKit --skill fkit-nav -a codex`. Or copy the skill folder (.agents/skills/fkit-nav in Joker-x-dev/FlutterKit) into .agents/skills/fkit-nav in your project. Codex loads it when a task matches its description.

Can I use Fkit Nav in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Joker-x-dev/FlutterKit --skill fkit-nav -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/fkit-nav, .gemini/skills/fkit-nav, .github/skills/fkit-nav and .opencode/skills/fkit-nav in your project.

What does Fkit Nav need to run?

Going by SKILL.md and its folder, Fkit Nav needs the command-line tools its instructions call (git).

Does Fkit Nav access the network?

SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Fkit Nav safe to install?

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.

What licence does Fkit Nav use?

Fkit Nav is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Fkit Nav use?

About 222 tokens (SKILL.md is roughly 888 characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Fkit Nav?

Skills that share tags, products or a category with Fkit Nav: Add Flutter Docusaurus Locale (matthiasn/lotti, 1.2k stars), Tm Launcher Design (Far-Se/tabame, 372 stars), Mobile App UI Design (ceorkm/mobile-app-ui-design, 400 stars) and Marionette Flutter Drive App (leancodepl/marionette_mcp, 473 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Fkit Nav?

Joker-x-dev (a GitHub user) maintains it in Joker-x-dev/FlutterKit, which has 127 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on July 26, 2026.

Source: Joker-x-dev/FlutterKit on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.