Agent skill

Fkit Feature

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

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

MITAuto-check passedMobile

Install Fkit Feature

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

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

GitHub CLI
$ gh skill install Joker-x-dev/FlutterKit fkit-feature --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-feature .claude/skills/fkit-feature && 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-feature
GitHub stars
127
Token cost
~334 tokens
SKILL.md length
88 words
Files
2
Skills in repo
9
Repo updated
First seen
Licence
MIT

At a glance

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

  • Works in 7 steps: 检查目标 Feature、相邻页面、路由和测试,确认现有命名与依赖方式。 → 根据数据形态选择普通、网络、分页、刷新或 Tab… → 按真实复杂度创建… → …
  • Tasks that involve Cross-platform mobile apps
  • SKILL.md covers 必读资料, 工作流, 关键约束 and 验证
  • Calls flutter and git

What it does

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

Its SKILL.md is about 330 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-feature”

Workflow steps

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

  1. 检查目标 Feature、相邻页面、路由和测试,确认现有命名与依赖方式。
  2. 根据数据形态选择普通、网络、分页、刷新或 Tab 父类,禁止在普通页面复制父类状态机。
  3. 按真实复杂度创建 View、Logic、State、Binding;不要为了目录完整创建空文件。
  4. 将单页模型、静态数据、小型 Widget、Skeleton 和行为留在页面附近。同一模块多页面复用时才提升到模块级按需目录,跨 Feature 复用时才进入 Core。
  5. 让 View 只布局、订阅和转发事件;让 Logic 处理生命周期、Repository/Service、状态与导航;让 State 只保存展示状态;让 Binding 只注册依赖。
  6. 将用户可见文案写入模块 localization/,并接入路由、Navigator 和 Preview。
  7. 补充对应测试,检查 Feature 未直接依赖其他 Feature 的内部实现。

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:

    • flutter
    • 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 Feature loads about 334 tokens when it runs. Until then it costs about 33 tokens; SKILL.md has 88 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
~334

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). 88 words, ~334 tokens.

Download SKILL.mdSave it as .claude/skills/fkit-feature/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
fkit-feature
description
创建、修改和重构 FlutterKit 业务模块与页面,覆盖基础父类选择、View、Logic、State、Binding、按需目录、国际化、路由接入和预览。用户要求新增 Feature、页面、模块目录、页面模板或调整页面分层时使用。

FKit Feature

必读资料

先阅读仓库根目录 AGENTS.md,再按任务读取:

  • docs/flutter-kit/业务功能/index.md
  • docs/flutter-kit/业务功能/structure.md
  • docs/flutter-kit/业务功能/create-page.md
  • docs/flutter-kit/业务功能/templates.md
  • 当前层对应的 view.md、logic.md、state.md、binding.md
  • docs/flutter-kit/框架核心/base.md 及所选父类专题

涉及 UI、导航、数据或预览时继续遵守对应 FKit Skill 与项目文档。

工作流

  1. 检查目标 Feature、相邻页面、路由和测试,确认现有命名与依赖方式。
  2. 根据数据形态选择普通、网络、分页、刷新或 Tab 父类,禁止在普通页面复制父类状态机。
  3. 按真实复杂度创建 View、Logic、State、Binding;不要为了目录完整创建空文件。
  4. 将单页模型、静态数据、小型 Widget、Skeleton 和行为留在页面附近。同一模块多页面复用时才提升到模块级按需目录,跨 Feature 复用时才进入 Core。
  5. 让 View 只布局、订阅和转发事件;让 Logic 处理生命周期、Repository/Service、状态与导航;让 State 只保存展示状态;让 Binding 只注册依赖。
  6. 将用户可见文案写入模块 localization/,并接入路由、Navigator 和 Preview。
  7. 补充对应测试,检查 Feature 未直接依赖其他 Feature 的内部实现。

关键约束

  • Feature data/ 只保存模块共享静态配置、展示数据或提供器,不创建第二套 Repository/DataSource。
  • Repository 字段使用完整领域名称,例如 _userInfoStoreRepository,不用 _repository。
  • 模块 Service 只服务本模块多个路由;应用级跨模块状态才进入 core/service/。
  • 单页私有 Widget 优先作为 View 私有方法或相邻文件,不提前提升到模块 widgets/。
  • 修改现有页面时保留公开行为和路由契约,除非任务明确要求变更。

验证

格式化本次涉及的 Dart 文件,运行最小相关测试、必要的 Preview 测试、flutter analyze 相关范围和 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-feature of Joker-x-dev/FlutterKit.

  • SKILL.md
  • agents/openai.yaml

Open the folder on GitHubat commit ad83439

Compare with similar skills

Fkit Feature 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 Feature compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Fkit Feature this skillJoker-x-dev/FlutterKit127—~334Automated 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 today
    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 today
    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 2 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 2 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 Native

    Joker-x-dev/FlutterKit

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

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

    Joker-x-dev/FlutterKit

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

    127 GitHub stars~222 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 Feature

What does Fkit Feature do?

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

When should I use Fkit Feature?

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

How do I install Fkit Feature in Claude Code?

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

How do I install Fkit Feature in Codex?

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

Can I use Fkit Feature 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-feature -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-feature, .gemini/skills/fkit-feature, .github/skills/fkit-feature and .opencode/skills/fkit-feature in your project.

What does Fkit Feature need to run?

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

Does Fkit Feature 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 Feature 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 Feature use?

Fkit Feature 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 Feature use?

About 334 tokens (SKILL.md is roughly 1.3k 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 Feature?

Skills that share tags, products or a category with Fkit Feature: 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 Feature?

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.